Commit b70d42bde5b23c21673d589391c289022ce9c250
1 parent
5158c128
达人相关组件图片添加七牛云图片加载参数,下载图片使用JPG编码
Showing
6 changed files
with
37 additions
and
23 deletions
src/components/darenListCom/darenListCom.vue
| @@ -10,6 +10,7 @@ | @@ -10,6 +10,7 @@ | ||
| 10 | </user-avatar> | 10 | </user-avatar> |
| 11 | </div> | 11 | </div> |
| 12 | <div class="top-right"> | 12 | <div class="top-right"> |
| 13 | + | ||
| 13 | <!-- 发布时间 --> | 14 | <!-- 发布时间 --> |
| 14 | <div class="day" v-if="getDatetime(item.addtime, item.time).day"> | 15 | <div class="day" v-if="getDatetime(item.addtime, item.time).day"> |
| 15 | {{getDatetime(item.addtime, item.time).day}} | 16 | {{getDatetime(item.addtime, item.time).day}} |
src/components/goodsItem_4/goodsItem_4.vue
| @@ -3,7 +3,7 @@ | @@ -3,7 +3,7 @@ | ||
| 3 | <div class="main-box"> | 3 | <div class="main-box"> |
| 4 | <div class="left-box"> | 4 | <div class="left-box"> |
| 5 | <div class="img-box"> | 5 | <div class="img-box"> |
| 6 | - <img v-lazy="item.simg" class="img" mode="widthFix" /> | 6 | + <img v-lazy="item.simg + SIGN.SMALL" class="img" mode="widthFix" /> |
| 7 | </div> | 7 | </div> |
| 8 | <div class="content-box"> | 8 | <div class="content-box"> |
| 9 | <div class="title">{{item.title}}</div> | 9 | <div class="title">{{item.title}}</div> |
src/components/shopDarenHot/shopDarenHot.vue
| 1 | <template> | 1 | <template> |
| 2 | <div v-if="item" class="recommendDaren" @click="userJump(item)"> | 2 | <div v-if="item" class="recommendDaren" @click="userJump(item)"> |
| 3 | <div class="daren_box"> | 3 | <div class="daren_box"> |
| 4 | - <img class="head_portrait" v-lazy="item.logo" /> | 4 | + <img class="head_portrait" v-lazy="item.logo + SIGN.SMALL" /> |
| 5 | <div class="name"> | 5 | <div class="name"> |
| 6 | {{item.title}} | 6 | {{item.title}} |
| 7 | </div> | 7 | </div> |
src/components/shopDatenTop/shopDatenTop.vue
| 1 | <template> | 1 | <template> |
| 2 | <div> | 2 | <div> |
| 3 | <div class="item_box" @click="userJump(shopDatenTop)"> | 3 | <div class="item_box" @click="userJump(shopDatenTop)"> |
| 4 | - <img class="head_portrait" v-lazy="shopDatenTop.logo" /> | 4 | + <img class="head_portrait" v-lazy="shopDatenTop.logo + SIGN.SMALL" /> |
| 5 | <div class="user_info"> | 5 | <div class="user_info"> |
| 6 | <div class="daren_box"> | 6 | <div class="daren_box"> |
| 7 | <div class="name"> | 7 | <div class="name"> |
src/components/userAvatarBox/userAvatarBox.vue
| @@ -3,8 +3,7 @@ | @@ -3,8 +3,7 @@ | ||
| 3 | <div class="box"> | 3 | <div class="box"> |
| 4 | <div class="avatar-box"> | 4 | <div class="avatar-box"> |
| 5 | <img | 5 | <img |
| 6 | - class="avatar-img" | ||
| 7 | - v-lazy="users.logo || item" | 6 | + class="avatar-img" v-lazy="(users.logo || item) + SIGN.SMALL" |
| 8 | /> | 7 | /> |
| 9 | </div> | 8 | </div> |
| 10 | <div class="nickname"> | 9 | <div class="nickname"> |
src/pages/newDaren/newDaren.vue
| 1 | <template> | 1 | <template> |
| 2 | <div class="daren-list"> | 2 | <div class="daren-list"> |
| 3 | + | ||
| 3 | <!--轮播--> | 4 | <!--轮播--> |
| 4 | <swiper v-if="banner" | 5 | <swiper v-if="banner" |
| 5 | - :swipers="banner" | ||
| 6 | - :options="{ | ||
| 7 | - showIndicators: false | ||
| 8 | - }"> | 6 | + :swipers="banner" |
| 7 | + :options="{ | ||
| 8 | + showIndicators: false | ||
| 9 | + }" | ||
| 10 | + > | ||
| 9 | </swiper> | 11 | </swiper> |
| 12 | + | ||
| 10 | <!--达人信息--> | 13 | <!--达人信息--> |
| 11 | <shop-daten-top v-if="shopDatenTop" @userJump="userJump" :shopDatenTop="shopDatenTop"></shop-daten-top> | 14 | <shop-daten-top v-if="shopDatenTop" @userJump="userJump" :shopDatenTop="shopDatenTop"></shop-daten-top> |
| 15 | + | ||
| 12 | <!--推荐达人--> | 16 | <!--推荐达人--> |
| 17 | + | ||
| 13 | <!-- 最新动态标题 --> | 18 | <!-- 最新动态标题 --> |
| 14 | <text-title-box v-if="shopDarenHot && shopDarenHot.length" slot="title-box" @more="recommendedDaren" | 19 | <text-title-box v-if="shopDarenHot && shopDarenHot.length" slot="title-box" @more="recommendedDaren" |
| 15 | - :titles="{ | ||
| 16 | - title: '推荐达人', | ||
| 17 | - more: true | ||
| 18 | - }"> | 20 | + :titles="{ |
| 21 | + title: '推荐达人', | ||
| 22 | + more: true | ||
| 23 | + }" | ||
| 24 | + > | ||
| 19 | </text-title-box> | 25 | </text-title-box> |
| 26 | + | ||
| 20 | <!--导航--> | 27 | <!--导航--> |
| 21 | <horiz-list class="components-box" v-if="shopDarenHot && shopDarenHot.length" @jump="jump" @userJump="userJump" @fansShop="fansShop" | 28 | <horiz-list class="components-box" v-if="shopDarenHot && shopDarenHot.length" @jump="jump" @userJump="userJump" @fansShop="fansShop" |
| 22 | - :lists="shopDarenHot" | ||
| 23 | - com="5"> | 29 | + :lists="shopDarenHot" |
| 30 | + com="5"> | ||
| 24 | </horiz-list> | 31 | </horiz-list> |
| 32 | + | ||
| 25 | <!-- 已关注达人 --> | 33 | <!-- 已关注达人 --> |
| 26 | <daren-list-box class="daren-list" @userJump="userJump" @jump="jump" @goodsJump="goodsJump" @goodsPrimary="goodsPrimary" | 34 | <daren-list-box class="daren-list" @userJump="userJump" @jump="jump" @goodsJump="goodsJump" @goodsPrimary="goodsPrimary" |
| 27 | - :lists="fansDaren"> | 35 | + :lists="fansDaren"> |
| 28 | 36 | ||
| 29 | <!-- 最新动态标题 --> | 37 | <!-- 最新动态标题 --> |
| 30 | <text-title-box v-if="fansDaren && fansDaren.length" slot="title-box" @more="moreDynamic" | 38 | <text-title-box v-if="fansDaren && fansDaren.length" slot="title-box" @more="moreDynamic" |
| 31 | - :titles="{ | 39 | + :titles="{ |
| 32 | title: '已关注达人', | 40 | title: '已关注达人', |
| 33 | more: true | 41 | more: true |
| 34 | - }"> | 42 | + }" |
| 43 | + > | ||
| 35 | </text-title-box> | 44 | </text-title-box> |
| 36 | </daren-list-box> | 45 | </daren-list-box> |
| 46 | + | ||
| 37 | <div class="item_box"> | 47 | <div class="item_box"> |
| 38 | <div | 48 | <div |
| 39 | infinite-scroll-immediate-check="true" | 49 | infinite-scroll-immediate-check="true" |
| 40 | v-infinite-scroll="getNewDynamicList" | 50 | v-infinite-scroll="getNewDynamicList" |
| 41 | infinite-scroll-disabled="loading" | 51 | infinite-scroll-disabled="loading" |
| 42 | :infinite-scroll-distance="50"> | 52 | :infinite-scroll-distance="50"> |
| 53 | + | ||
| 43 | <daren-list-box class="daren-list" @userJump="userJump" @jump="jump" @goodsJump="goodsJump" @goodsPrimary="goodsPrimary" | 54 | <daren-list-box class="daren-list" @userJump="userJump" @jump="jump" @goodsJump="goodsJump" @goodsPrimary="goodsPrimary" |
| 44 | - :lists="shopFnsDynamic"> | 55 | + :lists="shopFnsDynamic"> |
| 56 | + | ||
| 45 | <!--最新达人动态--> | 57 | <!--最新达人动态--> |
| 46 | <text-title-box v-if="shopFnsDynamic && shopFnsDynamic.length" slot="title-box" | 58 | <text-title-box v-if="shopFnsDynamic && shopFnsDynamic.length" slot="title-box" |
| 47 | - :titles="{ | ||
| 48 | - title: '最新达人动态', | ||
| 49 | - more: false | ||
| 50 | - }"> | 59 | + :titles="{ |
| 60 | + title: '最新达人动态', | ||
| 61 | + more: false | ||
| 62 | + }" | ||
| 63 | + > | ||
| 51 | </text-title-box> | 64 | </text-title-box> |
| 52 | </daren-list-box> | 65 | </daren-list-box> |
| 53 | </div> | 66 | </div> |
| @@ -64,6 +77,7 @@ | @@ -64,6 +77,7 @@ | ||
| 64 | import textTitleBox from "@/components/textTitleBox/textTitleBox"; | 77 | import textTitleBox from "@/components/textTitleBox/textTitleBox"; |
| 65 | import shopDatenTop from "@/components/shopDatenTop/shopDatenTop"; | 78 | import shopDatenTop from "@/components/shopDatenTop/shopDatenTop"; |
| 66 | import horizList from "@/components/horizList/horizList"; | 79 | import horizList from "@/components/horizList/horizList"; |
| 80 | + | ||
| 67 | export default { | 81 | export default { |
| 68 | name: "darenList", | 82 | name: "darenList", |
| 69 | data() { | 83 | data() { |