Commit 6a2b5b7d authored by zhanglw's avatar zhanglw

调整

parent 60e80f1c
src/assets/home_images/to_like.png

1.02 KB | W: | H:

src/assets/home_images/to_like.png

1.44 KB | W: | H:

src/assets/home_images/to_like.png
src/assets/home_images/to_like.png
src/assets/home_images/to_like.png
src/assets/home_images/to_like.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/home_images/to_like_h.png

1.25 KB | W: | H:

src/assets/home_images/to_like_h.png

1.26 KB | W: | H:

src/assets/home_images/to_like_h.png
src/assets/home_images/to_like_h.png
src/assets/home_images/to_like_h.png
src/assets/home_images/to_like_h.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -129,7 +129,7 @@
<div class="toplist-title">产品TOP8</div>
<ul class="contact-list">
<li v-for="(item, index) in topProducts" :key="'tp_'+index" class="contact-item">
<img src="@/assets/home_images/to_like_a.png">
<img src="@/assets/home_images/to_like_h.png" style="top:10px">
<span class="touch" @click="goToDetails(item, '/product/details')">{{ item.name }}</span>
</li>
</ul>
......@@ -611,14 +611,19 @@ export default {
height: 440px;
overflow: hidden;
.contact-item {
position: relative;
display: inherit;
padding: 10px 20px;
padding: 10px 30px;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow:ellipsis;
img {
position: absolute;
top: 8px;
}
span {
padding: 0 15px;
padding-left: 40px;
}
span:hover {
font-weight: 600;
......
......@@ -59,7 +59,7 @@
<div class="textarea-box">
<p>&#12288;&#12288;{{ supplierObj.enterpriseIntroduction }}</p>
</div>
<div class="line-btn" style="padding-top: 42px;">
<div class="line-btn" style="padding: 42px 0;">
<div class="btn-o" style="padding: 15px" @click="inquiry(supplierObj, 'supplier')">马上沟通</div>
</div>
</div>
......
......@@ -66,13 +66,15 @@
<div class="supplier_card" style="position: relative;">
<div class="sup_btn touch" style="position: absolute;top: 15px;right: 30px" @click="goToDetails(item, '/supplier/details')">查看产品</div>
<div class="sup_btn touch" style="position: absolute;top: 60px;right: 30px;background: transparent;color: #FB7B09" @click="inquiry(item, 'supplier')">留言咨询</div>
<div class="sup_title touch" @click="goToDetails(item, '/supplier/details')">
{{ item.name }}
<div class="sup_title">
<span class="touch" @click="goToDetails(item, '/supplier/details')">{{ item.name }}</span>
<img v-if="item.isGood" src="@/assets/home_images/diamond.png" title="推荐" style="position:relative;top:4px;">
</div>
<div class="sup_area">
<img src="@/assets/home_images/locate.png" style="position:relative;top:4px;">
{{ item.area }}
<img src="@/assets/home_images/locate.png">
<span>{{ item.area }}</span>
<img v-if="item.isStore" class="touch" src="@/assets/home_images/to_like_h.png" title="点击取消收藏" style="right:-12px;top:7px" @click="storeShowcase(item, 'supplier')">
<img v-else class="touch" src="@/assets/home_images/to_like.png" title="点击收藏" style="right:-12px;top:7px" @click="storeShowcase(item, 'supplier')">
</div>
<div style="margin: 25px 40px">
<div class="block-c">
......@@ -154,6 +156,7 @@ export default {
supplierList: [
{
isGood: true,
isStore: true,
name: '佛山英沃传感器科技有限公司',
area: '江苏省淮安市',
createTime: '2023 01-01 ',
......@@ -166,7 +169,8 @@ export default {
{ name: '3GDN M30百流三线防 爆电感式接近传感', imgSrc: '' }
]
}, {
isGood: true,
isGood: false,
isStore: false,
name: '佛山英沃传感器科技有限公司',
area: '江苏省淮安市',
createTime: '2023 01-01 ',
......@@ -180,6 +184,7 @@ export default {
]
}, {
isGood: true,
isStore: false,
name: '佛山英沃传感器科技有限公司',
area: '江苏省淮安市',
createTime: '2023 01-01 ',
......@@ -227,6 +232,14 @@ export default {
this.$router.push({ path: `${path}` })
}
},
// 点击收藏
storeShowcase(item, type) {
item.isStore = !item.isStore
this.$message.warning({
message: `您${item.isStore ? '' : '已取消'}收藏了该产品!`
})
console.log(item, type)
},
pageChange(e) {
this.page = e
this.loadData()
......@@ -356,14 +369,18 @@ export default {
color: #1961C5;
font-size: 26px;
line-height: 34px;
}
.sup_title:hover {
font-weight: bolder;
span:hover {
font-weight: bolder;
}
}
.sup_area {
padding: 10px 0;
color: #666666;
font-size: 18px;
img {
position:relative;
top:4px;
}
}
.block-c {
display: inline-block;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment