first commit
This commit is contained in:
1
金壶/appV1/components/search/.pydio
Normal file
1
金壶/appV1/components/search/.pydio
Normal file
@@ -0,0 +1 @@
|
||||
93b46a86-321e-4e96-a380-80b95b66be04
|
||||
36
金壶/appV1/components/search/color-tag.vue
Normal file
36
金壶/appV1/components/search/color-tag.vue
Normal file
@@ -0,0 +1,36 @@
|
||||
<template>
|
||||
<view class="px-2 py-1 border d-inline-block m-1" :style="getStyle">
|
||||
{{item.name}}
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
item:Object,
|
||||
color:{
|
||||
type:Boolean,
|
||||
default:true
|
||||
}
|
||||
},
|
||||
//计算颜色属性
|
||||
computed: {
|
||||
getStyle() {
|
||||
if (!this.color) {
|
||||
return `border:0;background:#F5F5F5;`;
|
||||
}
|
||||
let color = {
|
||||
borderColor:[ '#EEA6AA','#DD6A4B','#98D5D8','#9DBE93','#BCCD99' ],
|
||||
background:[ '#F8EAE9','#FFBEC6','#E8F6F6','#E4F5E2','#F2F6E8' ]
|
||||
}
|
||||
let index = Math.floor(Math.random()*color.borderColor.length)
|
||||
let borderColor = color.borderColor[index]
|
||||
let background = color.background[index]
|
||||
return `background: ${background};border-color: ${borderColor};`
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
Reference in New Issue
Block a user