karlcarlo
a5c5d753b6
- 新增大量图片资源，包括图标、背景图、海报等，用于页面展示 - 添加字体文件及样式配置，支持自定义字体 - 引入 uni-ui 组件库，包括图标、弹窗、日期选择器等常用组件 - 添加网络状态监听、加密工具等基础工具函数 - 配置 Vuex 状态管理，包括购物车数量、热门搜索词等 - 增加页面组件，如用户协议、分销信息、提现状态等 - 配置项目构建和忽略文件，优化开发体验
79 lines
1.5 KiB
Vue
79 lines
1.5 KiB
Vue
<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> |