From ad8513d455c8ed6570033a0740db8c469a005b3d Mon Sep 17 00:00:00 2001 From: devil_gong Date: Thu, 27 Jun 2019 19:35:42 +0800 Subject: [PATCH] wx --- public/appmini/old/alipay/app.js | 1 - .../old/alipay/pages/common/copyright.axml | 2 +- .../appmini/old/alipay/pages/index/index.acss | 131 +++++++----------- .../appmini/old/alipay/pages/index/index.axml | 19 ++- public/appmini/old/weixin/app.js | 5 +- public/appmini/old/weixin/app.json | 4 +- .../old/weixin/pages/common/copyright.wxml | 2 +- .../weixin/pages/goods-detail/goods-detail.js | 14 +- .../pages/goods-detail/goods-detail.wxml | 9 ++ .../pages/goods-detail/goods-detail.wxss | 40 +++++- .../appmini/old/weixin/pages/index/index.wxml | 19 ++- .../appmini/old/weixin/pages/index/index.wxss | 131 +++++++----------- 12 files changed, 192 insertions(+), 185 deletions(-) mode change 100755 => 100644 public/appmini/old/alipay/app.js mode change 100755 => 100644 public/appmini/old/alipay/pages/common/copyright.axml mode change 100755 => 100644 public/appmini/old/alipay/pages/index/index.acss mode change 100755 => 100644 public/appmini/old/alipay/pages/index/index.axml diff --git a/public/appmini/old/alipay/app.js b/public/appmini/old/alipay/app.js old mode 100755 new mode 100644 index f2dbae81b..49bbef57d --- a/public/appmini/old/alipay/app.js +++ b/public/appmini/old/alipay/app.js @@ -57,7 +57,6 @@ App({ // 请求地址 request_url: "{{request_url}}", - //request_url: "https://test.shopxo.net/", //request_url: 'http://tp5-dev.com/', // 基础信息 diff --git a/public/appmini/old/alipay/pages/common/copyright.axml b/public/appmini/old/alipay/pages/common/copyright.axml old mode 100755 new mode 100644 index fded65f14..703c49b58 --- a/public/appmini/old/alipay/pages/common/copyright.axml +++ b/public/appmini/old/alipay/pages/common/copyright.axml @@ -1,5 +1,5 @@ \ No newline at end of file diff --git a/public/appmini/old/alipay/pages/index/index.acss b/public/appmini/old/alipay/pages/index/index.acss old mode 100755 new mode 100644 index b3127290b..b1051a2df --- a/public/appmini/old/alipay/pages/index/index.acss +++ b/public/appmini/old/alipay/pages/index/index.acss @@ -26,97 +26,64 @@ line-height: 70rpx; } - /** +/** * 楼层数据 */ -.floor-list, .floor-left { - overflow: hidden; - position: relative; -} -.floor .vice-name { - color: #fff; - margin-top: 20rpx; - padding: 0 10rpx; - font-size: 34rpx; - line-height: 48rpx; -} -.floor-left { - width: 40%; - height: 662rpx; -} -.floor-left image { - left: 0; - bottom: 0; - width: 100%; -} -.goods-list, -.goods-list .goods { - overflow: hidden; -} -.floor-left image, -.goods-list .goods:nth-child(1), -.goods-list .goods:nth-child(2), -.goods-list .goods:nth-child(1) .goods-base, -.goods-list .goods:nth-child(2) .goods-base { - position: absolute; -} - -.goods-list .goods image { - width: 100%; - height: 380rpx; -} -.goods-list .goods:nth-child(1), -.goods-list .goods:nth-child(2) { - width: 60%; - height: 330rpx; -} -.goods-list .goods:nth-child(1) .goods-base, -.goods-list .goods:nth-child(2) .goods-base { - padding-left: 10rpx; - width: calc(40% - 10rpx); - bottom: 20rpx; +.floor-list { + overflow: hidden; + position: relative; } -.goods-list .goods:nth-child(1) image, -.goods-list .goods:nth-child(2) image { - width: 60%; - height: 330rpx; - float: right; +.floor-list .word { + padding: 20rpx 20rpx 0 20rpx; +} +.floor-list .word .vice-name { + color: #fff; + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + text-align: center; + padding: 20rpx; } -.goods-list .goods:nth-child(1) { - top: 0; - right: 0; +.floor-list .word .word-icon { + margin: 10rpx; + width: calc(33% - 24rpx); + height: 64rpx; + line-height: 64rpx; + text-align: center; + color: #fff; + background-color: rgba(0, 0, 0, 0.03); + border-radius: 6rpx; + display: inline-block; + border: 1px solid #fff; + text-decoration: none; + overflow: hidden; } -.goods-list .goods:nth-child(2) { - top: 330rpx; - right: 0; +.floor-list .word image { + max-width: 100%; } - -.goods-list .goods:nth-child(2), -.goods-list .goods:nth-child(3), -.goods-list .goods:nth-child(4), -.goods-list .goods:nth-child(5), -.goods-list .goods:nth-child(6) { - border-top: 1px solid #eee; +.floor-list .goods-list .goods { + width: calc(50% - 2rpx); + float: left; + border-bottom: 1px solid #eee; + padding-bottom: 10rpx; } -.goods-list .goods:nth-child(4), -.goods-list .goods:nth-child(6) { - border-left: 1px solid #eee; +.floor-list .goods-list .goods:nth-of-type(2n + 1) { + border-right: 1px solid #eee; } -.goods-list .goods:nth-child(3), -.goods-list .goods:nth-child(4), -.goods-list .goods:nth-child(5), -.goods-list .goods:nth-child(6) { - width: calc(50% - 1rpx); - height: 480rpx; - float: left; +.floor-list .goods-list .goods image { + width: 100%; + height: 380rpx; } -.goods-list .goods-base { - padding: 0 10rpx; +.floor-list .goods-list .goods-base { + padding: 0 10rpx; } -.goods-base .goods-title { - line-height: 52rpx; - font-size: 32rpx; +.floor-list .goods-list .goods-base .goods-title { + line-height: 52rpx; + font-size: 32rpx; } -.goods-base .sales-price { - font-size: 30rpx; +.floor-list .goods-list .goods-base .sales-price { + font-size: 30rpx; } \ No newline at end of file diff --git a/public/appmini/old/alipay/pages/index/index.axml b/public/appmini/old/alipay/pages/index/index.axml old mode 100755 new mode 100644 index de3df72e6..3b16da713 --- a/public/appmini/old/alipay/pages/index/index.axml +++ b/public/appmini/old/alipay/pages/index/index.axml @@ -28,13 +28,20 @@ {{floor.name}} - - - - {{floor.describe}} - + + + + + + {{icv.name}} + + - + {{floor.describe}} + + + + diff --git a/public/appmini/old/weixin/app.js b/public/appmini/old/weixin/app.js index 65656c018..77a13def1 100755 --- a/public/appmini/old/weixin/app.js +++ b/public/appmini/old/weixin/app.js @@ -59,8 +59,9 @@ App({ }, // 请求地址 - request_url: "{{request_url}}", - //request_url: 'https://test.shopxo.net/', + // request_url: "{{request_url}}", + // request_url: 'http://tp5-dev.com/', + request_url: 'https://test.shopxo.net/', // 基础信息 application_title: "{{application_title}}", diff --git a/public/appmini/old/weixin/app.json b/public/appmini/old/weixin/app.json index f22cf359e..b0990e918 100755 --- a/public/appmini/old/weixin/app.json +++ b/public/appmini/old/weixin/app.json @@ -1,5 +1,5 @@ { - "pages": [ + "pages": ["pages/goods-detail/goods-detail", "pages/index/index", "pages/goods-category/goods-category", "pages/cart/cart", @@ -8,7 +8,7 @@ "pages/login/login", "pages/paytips/paytips", "pages/goods-search/goods-search", - "pages/goods-detail/goods-detail", + "pages/goods-attribute/goods-attribute", "pages/buy/buy", "pages/user-address/user-address", diff --git a/public/appmini/old/weixin/pages/common/copyright.wxml b/public/appmini/old/weixin/pages/common/copyright.wxml index fded65f14..703c49b58 100755 --- a/public/appmini/old/weixin/pages/common/copyright.wxml +++ b/public/appmini/old/weixin/pages/common/copyright.wxml @@ -1,5 +1,5 @@ \ No newline at end of file diff --git a/public/appmini/old/weixin/pages/goods-detail/goods-detail.js b/public/appmini/old/weixin/pages/goods-detail/goods-detail.js index 4ce27beb0..25b7e5612 100755 --- a/public/appmini/old/weixin/pages/goods-detail/goods-detail.js +++ b/public/appmini/old/weixin/pages/goods-detail/goods-detail.js @@ -30,10 +30,12 @@ Page({ goods_spec_base_images: '', show_field_price_text: null, + + goods_video_is_autoplay: false, }, onLoad(params) { - //params['goods_id']=12; + params['goods_id']=2; this.setData({params: params}); this.init(); }, @@ -592,6 +594,16 @@ Page({ }); }, + // 视频播放 + goods_video_play_event(e) { + this.setData({ goods_video_is_autoplay: true}); + }, + + // 视频关闭 + goods_video_close_event(e) { + this.setData({ goods_video_is_autoplay: false }); + }, + // 自定义分享 onShareAppMessage() { return { diff --git a/public/appmini/old/weixin/pages/goods-detail/goods-detail.wxml b/public/appmini/old/weixin/pages/goods-detail/goods-detail.wxml index 5ec853ec0..b5aab7daa 100755 --- a/public/appmini/old/weixin/pages/goods-detail/goods-detail.wxml +++ b/public/appmini/old/weixin/pages/goods-detail/goods-detail.wxml @@ -15,6 +15,15 @@ + + + + + + 视频 + 关闭 + + diff --git a/public/appmini/old/weixin/pages/goods-detail/goods-detail.wxss b/public/appmini/old/weixin/pages/goods-detail/goods-detail.wxss index 23f0bc42e..ed6e5a136 100755 --- a/public/appmini/old/weixin/pages/goods-detail/goods-detail.wxss +++ b/public/appmini/old/weixin/pages/goods-detail/goods-detail.wxss @@ -213,4 +213,42 @@ padding:2px 5px; line-height:20px; border-radius:1px; -} \ No newline at end of file +} + +/** + * 视频 + */ +.goods-video { + width: 100%; + position: absolute; + top: 0; + left: 0; + text-align: center; + z-index:1; +} +.goods-video video { + width: 100%; + height: 65vh; +} +.goods-video-submit { + position: absolute; + left: 30rpx; + top: calc(65vh - 80rpx); + z-index: 2; +} +.goods-video-submit text { + height: 56rpx; + line-height: 56rpx !important; + font-size: 24rpx; + padding: 5rpx 20rpx; + border-radius: 6rpx; + background: #fff; +} +.goods-video-play { + border: 1px solid #10a54a; + color: #10a54a; +} +.goods-video-close { + border: 1px solid #eee; + color: #cb5757; +} diff --git a/public/appmini/old/weixin/pages/index/index.wxml b/public/appmini/old/weixin/pages/index/index.wxml index 595cffa11..40b4bc94c 100755 --- a/public/appmini/old/weixin/pages/index/index.wxml +++ b/public/appmini/old/weixin/pages/index/index.wxml @@ -24,13 +24,20 @@ {{floor.name}} - - - - {{floor.describe}} - + + + + + + {{icv.name}} + + - + {{floor.describe}} + + + + diff --git a/public/appmini/old/weixin/pages/index/index.wxss b/public/appmini/old/weixin/pages/index/index.wxss index 8519c6e09..b1051a2df 100755 --- a/public/appmini/old/weixin/pages/index/index.wxss +++ b/public/appmini/old/weixin/pages/index/index.wxss @@ -26,97 +26,64 @@ line-height: 70rpx; } - /** +/** * 楼层数据 */ -.floor-list, .floor-left { - overflow: hidden; - position: relative; -} -.floor .vice-name { - color: #fff; - margin-top: 20rpx; - padding: 0 10rpx; - font-size: 34rpx; - line-height: 48rpx; -} -.floor-left { - width: 40%; - height: 660rpx; -} -.floor-left image { - left: 0; - bottom: 0; - width: 100%; -} -.goods-list, -.goods-list .goods { - overflow: hidden; -} -.floor-left image, -.goods-list .goods:nth-child(1), -.goods-list .goods:nth-child(2), -.goods-list .goods:nth-child(1) .goods-base, -.goods-list .goods:nth-child(2) .goods-base { - position: absolute; -} - -.goods-list .goods image { - width: 100%; - height: 380rpx; -} -.goods-list .goods:nth-child(1), -.goods-list .goods:nth-child(2) { - width: 60%; - height: 330rpx; -} -.goods-list .goods:nth-child(1) .goods-base, -.goods-list .goods:nth-child(2) .goods-base { - padding-left: 10rpx; - width: calc(40% - 10rpx); - bottom: 20rpx; +.floor-list { + overflow: hidden; + position: relative; } -.goods-list .goods:nth-child(1) image, -.goods-list .goods:nth-child(2) image { - width: 60%; - height: 330rpx; - float: right; +.floor-list .word { + padding: 20rpx 20rpx 0 20rpx; +} +.floor-list .word .vice-name { + color: #fff; + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + text-align: center; + padding: 20rpx; } -.goods-list .goods:nth-child(1) { - top: 0; - right: 0; +.floor-list .word .word-icon { + margin: 10rpx; + width: calc(33% - 24rpx); + height: 64rpx; + line-height: 64rpx; + text-align: center; + color: #fff; + background-color: rgba(0, 0, 0, 0.03); + border-radius: 6rpx; + display: inline-block; + border: 1px solid #fff; + text-decoration: none; + overflow: hidden; } -.goods-list .goods:nth-child(2) { - top: 330rpx; - right: 0; +.floor-list .word image { + max-width: 100%; } - -.goods-list .goods:nth-child(2), -.goods-list .goods:nth-child(3), -.goods-list .goods:nth-child(4), -.goods-list .goods:nth-child(5), -.goods-list .goods:nth-child(6) { - border-top: 1px solid #eee; +.floor-list .goods-list .goods { + width: calc(50% - 2rpx); + float: left; + border-bottom: 1px solid #eee; + padding-bottom: 10rpx; } -.goods-list .goods:nth-child(4), -.goods-list .goods:nth-child(6) { - border-left: 1px solid #eee; +.floor-list .goods-list .goods:nth-of-type(2n + 1) { + border-right: 1px solid #eee; } -.goods-list .goods:nth-child(3), -.goods-list .goods:nth-child(4), -.goods-list .goods:nth-child(5), -.goods-list .goods:nth-child(6) { - width: calc(50% - 1rpx); - height: 490rpx; - float: left; +.floor-list .goods-list .goods image { + width: 100%; + height: 380rpx; } -.goods-list .goods-base { - padding: 0 10rpx; +.floor-list .goods-list .goods-base { + padding: 0 10rpx; } -.goods-base .goods-title { - line-height: 52rpx; - font-size: 32rpx; +.floor-list .goods-list .goods-base .goods-title { + line-height: 52rpx; + font-size: 32rpx; } -.goods-base .sales-price { - font-size: 30rpx; +.floor-list .goods-list .goods-base .sales-price { + font-size: 30rpx; } \ No newline at end of file -- GitLab