renkang/xj-screen
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update：更新格式化配置

Browse Source
This commit is contained in:
zk
2023-11-27 10:38:51 +08:00
parent 29cd60a2f2
commit 6a2d442c79
19 changed files with 53948 additions and 202408 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/publicTitle.vue
+46 -41
View File
@@ -2,53 +2,58 @@
<div class="title-d">
<span>{{ props.title }}</span>
<div>
<span v-if="isShowMore" style="font-size: 14px;font-weight: 100;cursor: pointer;margin-right: 3px" @click="clickMore">更多&gt;</span>
<img src="../assets/img/point.png" alt="">
<span v-if="isShowMore" style="font-size: 14px; font-weight: 100; cursor: pointer; margin-right: 3px" @click="clickMore">更多&gt;</span>
<img src="../assets/img/point.png" alt="" />
</div>
</div>
</template>
<script setup lang="ts">
const props = defineProps({
title: {
type: String,
default: () => ''
},
isShowMore: {
type: Boolean,
default: () => false
const props = defineProps({
title: {
type: String,
default: () => '',
},
isShowMore: {
type: Boolean,
default: () => false,
},
});
const emit = defineEmits(['clickMore']);
function clickMore() {
emit('clickMore');
}
})
const emit = defineEmits(['clickMore'])
function clickMore() {
emit('clickMore')
}
</script>
<style scoped lang="less">
.title-d {
padding-left: 17px;
position: relative;
text-align: left;
height: 40px;
line-height: 40px;
background: linear-gradient(90deg, rgba(106, 112, 124, 0.4) 0%, rgba(106, 112, 124, 0) 70%, rgba(106, 112, 124, 0) 100%);
opacity: 1;
border-top: 1px solid #6A707C;
border-bottom: 1px solid #6A707C;
border-image: linear-gradient(90deg, rgba(217.0000022649765, 231.00000143051147, 255, 0.5), rgba(217.0000022649765, 231.00000143051147, 255, 0)) 1 1;
color: #ffffff;
font-size: 20px;
font-weight: 700;
display: flex;
justify-content: space-between;
.title-d {
padding-left: 17px;
position: relative;
text-align: left;
height: 40px;
line-height: 40px;
background: linear-gradient(90deg, rgba(106, 112, 124, 0.4) 0%, rgba(106, 112, 124, 0) 70%, rgba(106, 112, 124, 0) 100%);
opacity: 1;
border-top: 1px solid #6a707c;
border-bottom: 1px solid #6a707c;
border-image: linear-gradient(
90deg,
rgba(217.0000022649765, 231.00000143051147, 255, 0.5),
rgba(217.0000022649765, 231.00000143051147, 255, 0)
)
1 1;
color: #ffffff;
font-size: 20px;
font-weight: 700;
display: flex;
justify-content: space-between;
&:before {
position: absolute;
content: '';
width: 7px;
height: 100%;
top: 0;
left: 0;
background-color: #45A2FF;
&:before {
position: absolute;
content: '';
width: 7px;
height: 100%;
top: 0;
left: 0;
background-color: #45a2ff;
}
}
}
</style>
</style>