3b13391c19
【原 因】：再调用cell组件时候 方便控制cell内容简介的样式 比如控制字体颜色 【过 程】：cell组件 内容简介样式 通过参数暴露给 父级 【影 响】： # 类型 包含: # feat：新功能（feature） # fix：修补bug # docs：文档（documentation） # style： 格式（不影响代码运行的变动） # refactor：重构（即不是新增功能，也不是修改bug的代码变动） # test：增加测试 # chore：构建过程或辅助工具的变动
55 lines
1.0 KiB
Vue
55 lines
1.0 KiB
Vue
<template>
|
|
<view class="flex msb m-l-24 m-r-24 m-t-24 p-24 bg-w rad8 boxshadow" @click="handleClick">
|
|
<view class="flex mac l-h-18">
|
|
<view class="fz28 l-h-18">{{cellTit}}</view>
|
|
<view v-if="required===true" class="bg-m rad-c l-h-18 m-l-24 reqBox"></view>
|
|
</view>
|
|
<view class="fcb fz28 flex mac">
|
|
<view class="fz28" :class="conClass">{{cellCon}}</view>
|
|
<u-icon name="arrow-right" size="28rpx"></u-icon>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "cell",
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
props: {
|
|
//cell主标题
|
|
cellTit: {
|
|
type: String
|
|
},
|
|
//cell简单显示内容
|
|
cellCon: {
|
|
type: String
|
|
},
|
|
//cell内容标签的class
|
|
conClass: {
|
|
type: String
|
|
},
|
|
//是否显示 必填红点 默认不显示
|
|
required: {
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
},
|
|
methods: {
|
|
handleClick() {
|
|
// 触发点击事件，向父组件发送事件
|
|
this.$emit('click');
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.reqBox {
|
|
width: 16rpx;
|
|
height: 16rpx;
|
|
}
|
|
</style> |