shayu/cai-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
dute7liang
2024-01-30 00:25:56 +08:00
parent 19bcf0345a
commit 959235e65c
4 changed files with 76 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/PreviewInMobileClient/index.vue
View File

@@ -34,18 +34,18 @@
<div class="msg" style="width: 100%">
<div class="miniprogram">
<div class='img_panel' style="position: relative;">
<div class="img_title">
<span>测试文字title</span>
<div class="img_title" v-if="data.oneImageTitleType === 1">
<span>{{ data.title }}</span>
</div>
<div class="img-box">
<img class="mini-img" :src="imageFunc(data.oneImageImage)" @click="goTo(data.oneImageLinkType,data.oneImageLinkUrl)"/>
</div>
</div>
<div class="word-title" style="margin-top: 10px;font-weight: bold;">
测试数据标题
<div class="word-title" style="margin-top: 10px;font-weight: bold;" v-if="data.oneImageTitleType === 2">
{{ data.title }}
</div>
<div class="word">
测试数据文本
<div class="word" v-if="data.oneImageTitleType === 2">
{{ data.oneImageText }}
</div>
</div>
</div>
@@ -55,13 +55,13 @@
<div class="miniprogram" >
<div class='img_panel' style="position: relative;">
<div class="img-box" style="position: relative;">
<img class="mini-img" src="" alt="">
<div class="img_desc">3211</div>
<img class="mini-img" :src="imageFunc(imageContext[0]?imageContext[0].image:'')" alt="">
<div class="img_desc">{{ imageContext[0]?imageContext[0].title:'' }}</div>
</div>
<div class="msg-list">
<div class="msg-list_item" v-for="item in 2">
<div class="text">123</div>
<div class="img"></div>
<div class="msg-list" v-for="(v,i) in imageContext">
<div class="msg-list_item" v-if="i !== 0">
<div class="text" >{{v.title}}</div>
<img class="img" :src="imageFunc(v.image)" alt="" @click="goTo(v.linkType,v.linkUrl)">
</div>
</div>
</div>
@@ -73,10 +73,7 @@
<div class="msg">
<div class="miniprogram">
<div class='img_panel' style="position: relative;">
<img class="mini-img" src="https://nono-1257812345.cos.ap-shanghai.myqcloud.com/cai/2024/01/29/4c8a98ad0de14341a5fbf1a4787e45dd.png" alt="">
<!-- <div class="img-box" style="position: relative;">
<img class="mini-img" src="" alt="">
</div>-->
<img class="mini-img" :src="imageFunc(data.onlyImage)" alt="">
</div>
</div>
</div>
@@ -84,7 +81,6 @@
</div>
</div>
</template>
<!--cursor: pointer;-->
<script>
export default {
name: 'PreviewClient',
@@ -123,6 +119,11 @@ export default {
}
</script>
<style lang="scss" scoped>
.pointer_img {
cursor: pointer;
}
.pd_12 {
padding: 12px!important;
}