提交 a5aa5bc5 编写于 作者: Shine-zwj's avatar Shine-zwj

优化标签(颜色)组件样式

上级 1c6b4c86
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<span v-if="color" :style="{ color:textColor }">{{ text ? text : '---' }}</span> <span v-if="color" :style="{ color:textColor }">{{ text ? text : '---' }}</span>
<template v-else> <template v-else>
<template v-if="dataValue && dataValue.length > 0"> <template v-if="dataValue && dataValue.length > 0">
<span v-for="(textItem,index) of dataValue" :key="index" class="text-color" :style="{ backgroundColor:textItem.color }"> <span v-for="(textItem,index) of dataValue" :key="index" class="text-color" :style="{ backgroundColor: textItem.color, borderColor: textItem.color}">
{{ textItem.srfmajortext ? textItem.srfmajortext : '---'}} {{ textItem.srfmajortext ? textItem.srfmajortext : '---'}}
</span> </span>
</template> </template>
...@@ -58,7 +58,7 @@ export default class AppColorSpan extends Vue { ...@@ -58,7 +58,7 @@ export default class AppColorSpan extends Vue {
* @type {any} * @type {any}
* @memberof AppColorSpan * @memberof AppColorSpan
*/ */
@Prop() public localContext!: any; @Prop() public localContext?: any;
/** /**
* 局部导航参数 * 局部导航参数
...@@ -66,7 +66,7 @@ export default class AppColorSpan extends Vue { ...@@ -66,7 +66,7 @@ export default class AppColorSpan extends Vue {
* @type {any} * @type {any}
* @memberof AppColorSpan * @memberof AppColorSpan
*/ */
@Prop() public localParam!: any; @Prop() public localParam?: any;
/** /**
* 视图上下文 * 视图上下文
...@@ -74,7 +74,7 @@ export default class AppColorSpan extends Vue { ...@@ -74,7 +74,7 @@ export default class AppColorSpan extends Vue {
* @type {*} * @type {*}
* @memberof AppColorSpan * @memberof AppColorSpan
*/ */
@Prop() public context!: any; @Prop() public context?: any;
/** /**
* 视图参数 * 视图参数
...@@ -82,8 +82,7 @@ export default class AppColorSpan extends Vue { ...@@ -82,8 +82,7 @@ export default class AppColorSpan extends Vue {
* @type {*} * @type {*}
* @memberof AppColorSpan * @memberof AppColorSpan
*/ */
@Prop() public viewparams!: any; @Prop() public viewparams?: any;
/** /**
* 颜色标识 * 颜色标识
...@@ -91,8 +90,7 @@ export default class AppColorSpan extends Vue { ...@@ -91,8 +90,7 @@ export default class AppColorSpan extends Vue {
* @type {*} * @type {*}
* @memberof AppColorSpan * @memberof AppColorSpan
*/ */
@Prop() color:any; @Prop() color?:any;
/** /**
* 颜色 * 颜色
...@@ -156,8 +154,10 @@ export default class AppColorSpan extends Vue { ...@@ -156,8 +154,10 @@ export default class AppColorSpan extends Vue {
<style lang="less"> <style lang="less">
.text-color{ .text-color{
padding: 2px; padding: 2px 8px;
margin: 6px; margin: 6px 6px 6px 0px;
border-radius: 4px; border-radius: 12px;
font-size: 13px;
border: 2px solid rgb(170, 167, 167);
} }
</style> </style>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册