Karlcarlo
0060b2798f
添加多个前端界面所需的图片、字体、音频等静态资源文件，包括： - 管理员后台的图标、背景图、组件图片 - 移动端页面的商品图片、用户中心图片、活动图标 - 第三方库的示例图片和字体文件 - 浏览器兼容性配置文件 - 图标字体文件（eot、ttf、woff、woff2格式） 这些资源是前端界面正常显示所必需的，之前可能因版本控制忽略或遗漏而缺失。
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> |