feat: 添加静态资源文件及基础组件
- 新增大量图片资源,包括图标、背景图、海报等,用于页面展示 - 添加字体文件及样式配置,支持自定义字体 - 引入 uni-ui 组件库,包括图标、弹窗、日期选择器等常用组件 - 添加网络状态监听、加密工具等基础工具函数 - 配置 Vuex 状态管理,包括购物车数量、热门搜索词等 - 增加页面组件,如用户协议、分销信息、提现状态等 - 配置项目构建和忽略文件,优化开发体验
This commit is contained in:
79
pages/index/components/guide.vue
Normal file
79
pages/index/components/guide.vue
Normal file
@@ -0,0 +1,79 @@
|
||||
<template>
|
||||
<!-- 辅助线 -->
|
||||
<view v-show="!dataConfig.isHide">
|
||||
<view class="lines" :style="[lineWrapStyle]">
|
||||
<view class="item" :style="[lineStyle]"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'guide',
|
||||
props: {
|
||||
dataConfig: {
|
||||
type: Object,
|
||||
default: () => {}
|
||||
},
|
||||
isSortType: {
|
||||
type: String | Number,
|
||||
default: 0
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
heightConfig: 0,
|
||||
lineColor: '',
|
||||
// lineStyle: 0,
|
||||
lrEdge: 0,
|
||||
mbConfig: 0
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
lineWrapStyle() {
|
||||
return {
|
||||
padding: `${this.dataConfig.topConfig.val * 2}rpx ${this.dataConfig.lrEdge.val * 2}rpx ${this.dataConfig.bottomConfig.val * 2}rpx`,
|
||||
'margin-top': `${this.dataConfig.mbConfig.val * 2}rpx`,
|
||||
'background-color': this.dataConfig.lineBgColor.color[0].item
|
||||
};
|
||||
},
|
||||
lineStyle() {
|
||||
let borderStyle = '';
|
||||
switch (this.dataConfig.lineStyle.tabVal) {
|
||||
case 1:
|
||||
borderStyle = 'solid';
|
||||
break;
|
||||
case 2:
|
||||
borderStyle = 'dotted';
|
||||
break;
|
||||
default:
|
||||
borderStyle = 'dashed';
|
||||
break;
|
||||
}
|
||||
return {
|
||||
'border-style': borderStyle,
|
||||
'border-color': this.dataConfig.lineColor.color[0].item,
|
||||
};
|
||||
},
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.lines {
|
||||
padding: 0 20rpx;
|
||||
margin-top: 20rpx;
|
||||
|
||||
.item {
|
||||
box-sizing: border-box;
|
||||
border-bottom-color: red;
|
||||
border-width: 0 0 1rpx;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user