w-front-end / select_good · Commits

Commit cda7ac62ecd953a261e739a57b48966ff47c60de

Authored by 王强
1 parent a8beae02

1、优选库——优选，折扣专区列表添加“库存紧张”标识 

2、优选库——优选，品质优选页面视频做成伪视频，App内直接推给App播放
Inline Side-by-side
Showing 7 changed files with 154 additions and 35 deletions
src/components/goodsItem_8/goodsItem_8.less
  View file @cda7ac6
... ... @@ -54,6 +54,9 @@
54 54 & + .sub-title {
55 55 margin-top: 10px;
56 56 }
  57 + & + .icon-stock-is-tight-box {
  58 + margin-top: 8px;
  59 + }
57 60 }
58 61 .sub-title {
59 62 color: #9B9B9B;
... ... @@ -62,6 +65,18 @@
62 65 white-space: nowrap;
63 66 text-overflow: ellipsis;
64 67 overflow: hidden;
  68 + & + .icon-stock-is-tight-box {
  69 + margin-top: 8px;
  70 + }
  71 + }
  72 + .icon-stock-is-tight-box {
  73 + width: 108px;
  74 + height: 34px;
  75 + .icon-stock-is-tight-img {
  76 + display: block;
  77 + width: 108px;
  78 + height: 34px;
  79 + }
65 80 }
66 81 }
67 82 .bottom-box {
... ...
src/components/goodsItem_8/goodsItem_8.vue
  View file @cda7ac6
... ... @@ -12,6 +12,9 @@
12 12 <div class="title">{{item.title}}</div>
13 13 <div class="sub-title" v-if="sty == '2'">已售出&nbsp;{{item.num}}&nbsp;件</div>
14 14 <div class="sub-title" v-else>{{item.ads}}</div>
  15 + <div class="icon-stock-is-tight-box" v-if="sty == '1' && item.gift_num <= 10 && item.num == '1' && item.stock != '0'">
  16 + <img src="static/img/icon_stock_is_tight.png" class="icon-stock-is-tight-img" />
  17 + </div>
15 18 </div>
16 19 <div class="bottom-box">
17 20 <div class="price-box">
... ...
src/pages/discountList/discountList.vue
  View file @cda7ac6
... ... @@ -241,19 +241,8 @@
241 241 }
242 242 } else {
243 243  
244   - this.$nextTick(() => {
245   -
246   - // 唤起App
247   - if (typeof this.$parent.callAppModal === 'function' && typeof this.$refs.callApp === 'object') {
248   -
249   - // 设置唤起参数
250   - let options = {
251   - success: this.$refs.callApp.callApp
252   - }
253   -
254   - this.$parent.callAppModal(options);
255   - }
256   - });
  244 + // App外，唤起App
  245 + this.openApp();
257 246 }
258 247 },
259 248  
... ... @@ -268,6 +257,27 @@
268 257 },
269 258  
270 259 /**
  260 + * 唤起App封装
  261 + */
  262 + openApp() {
  263 +
  264 + this.$nextTick(() => {
  265 +
  266 + // 唤起App
  267 + if (typeof this.$parent.callAppModal === 'function' && typeof this.$refs.callApp === 'object') {
  268 +
  269 + // 设置唤起参数
  270 + let options = {
  271 + success: this.$refs.callApp.callApp
  272 + }
  273 +
  274 + // 唤起App
  275 + this.$parent.callAppModal(options);
  276 + }
  277 + });
  278 + },
  279 +
  280 + /**
271 281 * 分享
272 282 */
273 283 toShare() {
... ...
src/pages/hotSaleList/hotSaleList.vue
  View file @cda7ac6
... ... @@ -192,20 +192,30 @@
192 192 }
193 193 } else {
194 194  
195   - this.$nextTick(() => {
  195 + // App外，唤起App
  196 + this.openApp();
  197 + }
  198 + },
196 199  
197   - // 唤起App
198   - if (typeof this.$parent.callAppModal === 'function' && typeof this.$refs.callApp === 'object') {
  200 + /**
  201 + * 唤起App封装
  202 + */
  203 + openApp() {
199 204  
200   - // 设置唤起参数
201   - let options = {
202   - success: this.$refs.callApp.callApp
203   - }
  205 + this.$nextTick(() => {
  206 +
  207 + // 唤起App
  208 + if (typeof this.$parent.callAppModal === 'function' && typeof this.$refs.callApp === 'object') {
204 209  
205   - this.$parent.callAppModal(options);
  210 + // 设置唤起参数
  211 + let options = {
  212 + success: this.$refs.callApp.callApp
206 213 }
207   - });
208   - }
  214 +
  215 + // 唤起App
  216 + this.$parent.callAppModal(options);
  217 + }
  218 + });
209 219 },
210 220  
211 221 /**
... ...
src/pages/optimizationList/optimizationList.less
  View file @cda7ac6
... ... @@ -51,6 +51,39 @@
51 51 height: auto;
52 52 }
53 53 }
  54 + .video-fictitious-box {
  55 + position: relative;
  56 + margin: 0 auto;
  57 + width: 90%;
  58 + height: auto;
  59 + border-radius: 24px;
  60 + overflow: hidden;
  61 + .poster-box {
  62 + width: 100%;
  63 + height: 354px;
  64 + .poster-img {
  65 + display: block;
  66 + width: 100%;
  67 + height: 354px;
  68 + }
  69 + }
  70 + .play-button-box {
  71 + position: absolute;
  72 + top: 0;
  73 + left: 0;
  74 + z-index: 1;
  75 + display: flex;
  76 + justify-content: center;
  77 + align-items: center;
  78 + width: 100%;
  79 + height: 100%;
  80 + .play-button-img {
  81 + display: block;
  82 + width: 100px;
  83 + height: 100px;
  84 + }
  85 + }
  86 + }
54 87 .list-box {
55 88 margin: 0 auto;
56 89 width: 90%;
... ...
src/pages/optimizationList/optimizationList.vue
  View file @cda7ac6
... ... @@ -27,10 +27,20 @@
27 27 <div class="content-box">
28 28  
29 29 <!-- 视频区块 -->
30   - <div class="video-box" v-if="item.video">
  30 + <!-- <div class="video-box" v-if="item.video">
31 31 <video class="video" controls :poster="item.video_img + SIGN.BIG">
32 32 <source :src="item.video" type="video/mp4" />
33 33 </video>
  34 + </div> -->
  35 +
  36 + <!-- 伪视频播放区域 -->
  37 + <div class="video-fictitious-box" v-if="item.video" @click="playNow(item.video)">
  38 + <div class="poster-box">
  39 + <img :src="item.video_img + SIGN.BIG" class="poster-img" />
  40 + </div>
  41 + <div class="play-button-box">
  42 + <img src="static/img/play_dark.png" class="play-button-img" />
  43 + </div>
34 44 </div>
35 45  
36 46 <!-- 列表区块 -->
... ... @@ -153,6 +163,35 @@
153 163 },
154 164  
155 165 /**
  166 + * 播放视频
  167 + * @param {String} videoUrl [数据对象]
  168 + */
  169 + playNow(videoUrl) {
  170 +
  171 + // 判断App内
  172 + if (this.isCNLive.value) {
  173 +
  174 + // 判断通用跳转函数是否存在
  175 + if (typeof this.$parent.gotoDetail === 'function') {
  176 +
  177 + // 设置跳转参数
  178 + let params = {
  179 + type: '22',
  180 + to: videoUrl,
  181 + shop_type: ''
  182 + };
  183 +
  184 + // 通用跳转
  185 + this.$parent.gotoDetail(params);
  186 + }
  187 + } else {
  188 +
  189 + // App外，唤起App
  190 + this.openApp();
  191 + }
  192 + },
  193 +
  194 + /**
156 195 * 跳转商品详情
157 196 * @param {Object} item [数据对象]
158 197 */
... ... @@ -169,21 +208,30 @@
169 208 }
170 209 } else {
171 210  
172   - this.$nextTick(() => {
  211 + // App外，唤起App
  212 + this.openApp();
  213 + }
  214 + },
173 215  
174   - // 唤起App
175   - if (typeof this.$parent.callAppModal === 'function' && typeof this.$refs.callApp === 'object') {
  216 + /**
  217 + * 唤起App封装
  218 + */
  219 + openApp() {
176 220  
177   - // 设置唤起参数
178   - let options = {
179   - success: this.$refs.callApp.callApp
180   - }
  221 + this.$nextTick(() => {
  222 +
  223 + // 唤起App
  224 + if (typeof this.$parent.callAppModal === 'function' && typeof this.$refs.callApp === 'object') {
181 225  
182   - // 唤起App
183   - this.$parent.callAppModal(options);
  226 + // 设置唤起参数
  227 + let options = {
  228 + success: this.$refs.callApp.callApp
184 229 }
185   - });
186   - }
  230 +
  231 + // 唤起App
  232 + this.$parent.callAppModal(options);
  233 + }
  234 + });
187 235 },
188 236  
189 237 /**
... ...
static/img/icon_stock_is_tight.png 0 → 100644
View file @cda7ac6

3.25 KB