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