AiTreePicker
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user