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