Commit 4bb60f56 authored by 徐一鸣's avatar 徐一鸣

首页样式问题fixed

parent 7da9f954
src/assets/imgs/shop_ic_huoqu.png

1.03 KB | W: | H:

src/assets/imgs/shop_ic_huoqu.png

14.7 KB | W: | H:

src/assets/imgs/shop_ic_huoqu.png
src/assets/imgs/shop_ic_huoqu.png
src/assets/imgs/shop_ic_huoqu.png
src/assets/imgs/shop_ic_huoqu.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/imgs/shop_icon_liulan.png

1.07 KB | W: | H:

src/assets/imgs/shop_icon_liulan.png

14.7 KB | W: | H:

src/assets/imgs/shop_icon_liulan.png
src/assets/imgs/shop_icon_liulan.png
src/assets/imgs/shop_icon_liulan.png
src/assets/imgs/shop_icon_liulan.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -4,9 +4,17 @@
<img :src="data.cover" width="100%" />
</div>
<div class="shop_card-top">
<p class="shop_card-title text_clip_2" v-text="data.name" :title="data.name"></p>
<p
class="shop_card-title text_clip_2"
v-text="data.name"
:title="data.name"
></p>
<p class="shop_card-text under_text">
<span class="text_clip" v-text="data.department_name" :title="data.department_name"></span>
<span
class="text_clip"
v-text="data.department_name"
:title="data.department_name"
></span>
<span>
<img :src="require('../assets/imgs/shop_ic_star.png')" />
<span v-text="data.score"></span>
......@@ -18,22 +26,36 @@
<span v-text="data.resourceSummary"></span>
</p>
<p class="shop_card-text update_time">
<img :src="require('@/assets/imgs/icon_shijian.png')" style="margin-right: 5px;" />
<span class="text_clip" v-text="'更新时间:' + helper.dateStringTransform(data.update_date)"></span>
<img
:src="require('@/assets/imgs/shop_ic_updatetime.png')"
style="margin-right: 5px;"
/>
<span
class="text_clip"
v-text="'更新时间:' + helper.dateStringTransform(data.update_date)"
></span>
</p>
<div class="shop_card-text access">
<span>
<img :src="require('@/assets/imgs/icon_liulan.png')" />
<img :src="require('@/assets/imgs/shop_icon_liulan.png')" />
<span
class="text_clip"
v-text="helper.numberFormat(data.view_count, 2) + (data.view_count > 10000 ? '万' : '') + '次浏览'"
v-text="
helper.numberFormat(data.view_count, 2) +
(data.view_count > 10000 ? '万' : '') +
'次浏览'
"
></span>
</span>
<span>
<img :src="require('@/assets/imgs/icon_huoqu1.png')" />
<img :src="require('@/assets/imgs/shop_ic_huoqu.png')" />
<span
class="text_clip"
v-text="helper.numberFormat(data.apply_count, 2) + (data.apply_count > 10000 ? '万' : '') + '次获取'"
v-text="
helper.numberFormat(data.apply_count, 2) +
(data.apply_count > 10000 ? '万' : '') +
'次获取'
"
></span>
</span>
</div>
......@@ -47,27 +69,27 @@ export default {
props: {
data: {
type: Object,
default: () => {}
default: () => {},
},
detailPath: {
type: String,
required: true
required: true,
},
showImg: {
type: Boolean,
default: false
}
default: false,
},
},
data() {
return {
helper
helper,
};
},
methods: {
intoDetail() {
this.$router.push(this.detailPath + this.data.id);
}
}
},
},
};
</script>
......@@ -96,7 +118,6 @@ export default {
.shop_card-title {
height: 42px;
font-size: 16px;
font-weight: bold;
color: #0d1847;
line-height: 21px;
cursor: pointer;
......@@ -111,6 +132,7 @@ export default {
display: flex;
justify-content: space-between;
align-items: center;
color: #58617a;
}
.shop_card-text.under_text > span:nth-child(2) {
flex-shrink: 0;
......@@ -141,6 +163,7 @@ export default {
align-items: center;
padding-top: 11px;
border-top: 1px solid #ededed;
color: #58617a;
}
.shop_card-text.access > span > * {
width: 15px;
......
......@@ -88,7 +88,7 @@ export default {
{
name: "服务请求次数",
value: 0,
icon: require("@/assets/imgs/shop_ic_fuwuzs.png")
icon: require("@/assets/imgs/shop_ic_fuwuqqcs.png")
}
],
hot_datas: [],
......
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