提交 35b0c198 authored 作者: 龙菲's avatar 龙菲

替换精品展banner,隐藏分享时小程序二维码提示

上级 4070bb2b
...@@ -10,7 +10,9 @@ ...@@ -10,7 +10,9 @@
color: loveCountStatus ? selectColor : '#61666d', color: loveCountStatus ? selectColor : '#61666d',
}" }"
></svg-icon> ></svg-icon>
<span>{{ formatNum(loveCount)==0?'点赞':formatNum(loveCount) }}</span> <span>{{
formatNum(loveCount) == 0 ? "点赞" : formatNum(loveCount)
}}</span>
</span> </span>
<span class="operation-item" @click="handleCollect" v-if="collect"> <span class="operation-item" @click="handleCollect" v-if="collect">
<svg-icon <svg-icon
...@@ -20,7 +22,9 @@ ...@@ -20,7 +22,9 @@
color: collectCountStatus ? selectColor : '#61666d', color: collectCountStatus ? selectColor : '#61666d',
}" }"
></svg-icon> ></svg-icon>
<span>{{ formatNum(collectCount)==0?'收藏':formatNum(collectCount) }}</span> <span>{{
formatNum(collectCount) == 0 ? "收藏" : formatNum(collectCount)
}}</span>
</span> </span>
<span v-if="share" class="operation-item" @click="handleShare"> <span v-if="share" class="operation-item" @click="handleShare">
<svg-icon <svg-icon
...@@ -55,25 +59,18 @@ ...@@ -55,25 +59,18 @@
:before-close="handleShareClose" :before-close="handleShareClose"
append-to-body append-to-body
> >
<div class="qrcode"> <!-- <div class="qrcode">
<div class="img-container"> </div> -->
<img
src="@/assets/404_images/no-pic.png"
alt="二维码"
width="100px"
height="100px"
/>
</div>
<div>
扫描左侧二维码,跳转到对应小程序页面后分享,或
<el-button type="text" @click.native="copyUrl">
<svg-icon icon-class="copy"></svg-icon>
复制链接</el-button
>
</div>
</div>
<div class="copy"> <div class="copy">
<!-- <div class="link">{{ curLink }}</div> --> <!-- <div class="link">{{ curLink }}</div> -->
<el-input v-model="curLink" style="width: 100%">
<template slot="append">
<el-button type="text" @click.native="copyUrl">
<svg-icon icon-class="copy"></svg-icon>
复制链接</el-button
></template
>
</el-input>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
...@@ -219,7 +216,7 @@ export default { ...@@ -219,7 +216,7 @@ export default {
inputElement.select(); inputElement.select();
document.execCommand("Copy"); document.execCommand("Copy");
inputElement.remove(); inputElement.remove();
this.$message.success("复制成功!赶快去分享吧~"); this.$message.success("已复制到剪贴板!赶快去分享吧~");
}, },
formatNum(num) { formatNum(num) {
...@@ -256,11 +253,11 @@ export default { ...@@ -256,11 +253,11 @@ export default {
.el-button--text { .el-button--text {
color: #2069c4; color: #2069c4;
} }
.qrcode,
.copy { .copy {
display: flex; display: flex;
// justify-content: space-between;
align-items: center; align-items: center;
height: 180px;
} }
.qrcode { .qrcode {
...@@ -273,4 +270,8 @@ export default { ...@@ -273,4 +270,8 @@ export default {
} }
} }
} }
::v-deep .el-input-group__append {
padding: 0 40px;
}
</style> </style>
\ No newline at end of file
...@@ -5,11 +5,11 @@ ...@@ -5,11 +5,11 @@
<!-- <Footer /> --> <!-- <Footer /> -->
<div class="boutique-header"> <div class="boutique-header">
<img src="@/assets/imgs/banner.jpg" width="100%" /> <img src="@/assets/imgs/boutique/banner.jpg" width="100%" />
<div class="boutique-title"> <!-- <div class="boutique-title">
<p>多彩贵州 &nbsp;博物盛筵</p> <p>多彩贵州 &nbsp;博物盛筵</p>
<span>—— 精品展</span> <span>—— 精品展</span>
</div> </div> -->
<ul class="tabs"> <ul class="tabs">
<li v-for="node in tabs" :key="node.tab" @click="handleTabClick(node)"> <li v-for="node in tabs" :key="node.tab" @click="handleTabClick(node)">
<div :class="{ active: activeTab === node.tab }"> <div :class="{ active: activeTab === node.tab }">
...@@ -79,11 +79,13 @@ export default { ...@@ -79,11 +79,13 @@ export default {
// height: 620px; // height: 620px;
overflow: hidden; overflow: hidden;
> img { > img {
position: absolute; height: 500px;
width: 100%; object-fit: cover;
left: 0; // position: absolute;
top: 0; // width: 100%;
z-index: 0; // left: 0;
// top: 0;
// z-index: 0;
} }
} }
.boutique-title { .boutique-title {
......
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
<el-form-item label="新密码" prop="newPwd"> <el-form-item label="新密码" prop="newPwd">
<el-input v-model="pwdForm.newPwd" type="password"></el-input> <el-input v-model="pwdForm.newPwd" type="password"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="重复密码" prop="checkPass"> <el-form-item label="确认密码" prop="checkPass">
<el-input v-model="pwdForm.checkPass" type="password"></el-input> <el-input v-model="pwdForm.checkPass" type="password"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论