diff --git a/public/appmini/old/weixin/app.wxss b/public/appmini/old/weixin/app.wxss index a0322a9273ef4c5f7c5a1c009fc3b69a86976ae9..2695c0d0757cee738eb717822f635667a2cba03d 100755 --- a/public/appmini/old/weixin/app.wxss +++ b/public/appmini/old/weixin/app.wxss @@ -140,19 +140,19 @@ textarea { /* 文字超出部分使用省略号 */ .single-text { - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - max-width: 100%; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 100%; } .multi-text { - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; } diff --git a/public/appmini/old/weixin/components/limitedtimediscount/limitedtimediscount.js b/public/appmini/old/weixin/components/limitedtimediscount/limitedtimediscount.js index 244c25f78f580882e4cc24e68acd229c26ca43c7..c1a51b1eb23aa210771375915720eeec5cd459b9 100644 --- a/public/appmini/old/weixin/components/limitedtimediscount/limitedtimediscount.js +++ b/public/appmini/old/weixin/components/limitedtimediscount/limitedtimediscount.js @@ -16,6 +16,29 @@ Component({ seconds: 30, timer_title: '距离结束', is_show_time: true, + data_list: [ + { + goods_id: 1, + goods_title: '2019新款夏装漂亮的睡衣,性感女士专享', + images_url: 'https://demo.shopxo.net/static/upload/images/goods/2019/01/14/1547454702543219.jpg', + min_price: 345.23, + min_original_price: 9863.98, + }, + { + goods_id: 2, + goods_title: 'MARNI Trunk 女士 中号拼色十字纹小牛皮 斜挎风琴包', + images_url: 'https://demo.shopxo.net/static/upload/images/goods/2019/01/14/1547454145355962.jpg', + min_price: 256.00, + min_original_price: 356.00, + }, + { + goods_id: 3, + goods_title: 'Huawei/华为 H60-L01 荣耀6 移动4G版智能手机 安卓', + images_url: 'https://demo.shopxo.net/static/upload/images/goods/2019/01/14/1547452474332334.jpg', + min_price: 1999.99, + min_original_price: 2300.00, + } + ], }, ready: function () { diff --git a/public/appmini/old/weixin/components/limitedtimediscount/limitedtimediscount.wxml b/public/appmini/old/weixin/components/limitedtimediscount/limitedtimediscount.wxml index ef24062546f5d37afeaa253909fac849c8491b5f..7786e394803f585fc5fdb2496d8489a1dc4530ba 100644 --- a/public/appmini/old/weixin/components/limitedtimediscount/limitedtimediscount.wxml +++ b/public/appmini/old/weixin/components/limitedtimediscount/limitedtimediscount.wxml @@ -1,4 +1,4 @@ - + 限时秒杀 @@ -14,17 +14,16 @@ - - 1 - - - 2 - - - 3 - - - 4 + + + + + {{item.goods_title}} + ¥{{item.min_price}} + ¥{{item.min_original_price}} + + + diff --git a/public/appmini/old/weixin/components/limitedtimediscount/limitedtimediscount.wxss b/public/appmini/old/weixin/components/limitedtimediscount/limitedtimediscount.wxss index 55a2ae90603f24b4944e2b04f0ef68defa3180ef..d6b6be9885211f4e14907d94ed696e4f44a5b733 100644 --- a/public/appmini/old/weixin/components/limitedtimediscount/limitedtimediscount.wxss +++ b/public/appmini/old/weixin/components/limitedtimediscount/limitedtimediscount.wxss @@ -52,14 +52,55 @@ box-sizing: border-box; margin-top: 5rpx; } - -/*设置行内块*/ - .data-list .item { - width: 100px; - height: 80px; - border: 1px solid red; + width: 460rpx; + height: 600rpx; + border: 1px solid #f5f5f5; background: white; display: inline-block; + position: relative; +} +.data-list .item:not(:last-child) { margin-right: 10px; +} +.data-list .item image { + width: 460rpx; + height: 460rpx; +} +.data-list .item .goods-base { + padding: 0 10rpx; +} +.data-list .goods-base .goods-title, +.data-list .goods-base .goods-price, +.data-list .goods-base .ogoods-riginal-price { + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 100%; +} +.data-list .goods-base .goods-title { + font-size: 32rpx; +} +.data-list .goods-base .goods-price { + color: #f40; + font-weight: bold; + font-size: 36rpx; +} +.data-list .goods-base .goods-original-price { + color: #999; + text-decoration: line-through; + font-size: 24rpx; +} +.data-list .goods-base button { + background: #d2364c; + border: 0; + color: #fff; + padding: 0 30rpx; + line-height: 50rpx; + font-size: 30rpx; + border-radius: 6rpx; + position: absolute; + right: 10rpx; + bottom: 10rpx; } \ No newline at end of file