AiTreePicker

This commit is contained in:
花有清香月有阴
2021-12-17 15:21:35 +08:00
parent b5299a625c
commit 66d1229420
3 changed files with 291 additions and 4 deletions

View File

@@ -20,7 +20,7 @@
<span class="hint">24</span>
</div>
<div class="right-right">
<div class="right-right" @click.stop="toChange">
<u-icon name="thumb-up" color="red"></u-icon>
<span class="hint">4</span>
</div>
@@ -43,7 +43,7 @@
<div class="addBtn iconfont iconfont-iconfangda" @tap.stop="toAdd()" />
</AiFixedBtn>
<u-modal v-model="deletShow" content="您确认要删除该条信息吗" :show-cancel-button="true" :mask-close-able="true" :show-title="false" @confirm="delet"></u-modal>
<u-modal v-model="deletShow" content="您确认要结束议题公示" :show-cancel-button="true" :mask-close-able="true" :show-title="false" @confirm="delet"></u-modal>
</div>
</template>
@@ -122,6 +122,10 @@ export default {
}
})
},
toChange() {
console.log('点赞')
},
},
onReachBottom() {
this.current = this.current + 1

View File

@@ -1,5 +1,34 @@
<template>
<div class="Detail">Detail</div>
<div class="Detail">
<div class="header-top">
<div class="titles">闲置电脑转让有意请联系非诚闲置电脑转让有意请联系非诚勿扰需要闲置电脑转让有意请联系非诚勿扰需要勿扰需要</div>
<div class="imgBottom">
<div>2021_12_17_13_23</div>
<div class="right">
<div class="right-left">
<u-icon name="eye"></u-icon>
<span class="hint">24</span>
</div>
<div class="right-right" @click.stop="toChange">
<u-icon name="thumb-up" color="red"></u-icon>
<span class="hint">4</span>
</div>
</div>
</div>
</div>
<div class="header-middle">
<div class="contents">戴尔高配超薄本超薄系列超窄边框14.1寸全屏高戴尔高配超薄本超薄系列超窄边框14.1寸全屏高戴尔高配超薄本超薄系列超窄边框14.1寸全屏高戴尔高配超薄本超薄系列超窄配超薄本超薄系列超窄边框14.1寸全屏高戴尔高配超薄本超薄系列超窄边框14.1寸全屏高戴尔高配超薄本超薄系列超窄边框14.1寸全屏高戴尔高配超薄本超薄系列超窄配超薄本超薄系列超窄边框14.1寸全屏高戴尔高配超薄本超薄系列超窄边框14.1寸全屏高戴尔高配超薄本超薄系列超窄边框14.1寸全屏高戴尔高配超薄本超薄系列超窄边框14.1寸全屏高</div>
</div>
<div class="">
<div>图片</div>
<img src="./yan.jpg" alt="" v-for="(item, i) in 7" :key="i" />
</div>
</div>
</template>
<script>
@@ -19,7 +48,51 @@ export default {
</script>
<style scoped lang="scss">
.Detail {
uni-page-body {
height: 100%;
}
.Detail {
height: 100%;
padding: 0 32px;
background: #fff;
.header-top {
padding: 40px 0 32px 0;
.titles {
font-size: 48px;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.imgBottom {
display: flex;
justify-content: space-between;
margin-top: 24px;
font-size: 30px;
color: #999999;
.right {
display: flex;
justify-content: space-between;
.right-right,
.right-left {
margin-left: 48px;
.hint {
margin-left: 8px;
}
}
}
}
}
.header-middle {
.contents {
padding: 32px 0 48px 0;
line-height: 1.5;
word-break: break-all;
}
}
}
</style>