From e24d57eb35a5636c3a4e69b18baf40bba82a573d Mon Sep 17 00:00:00 2001 From: Devil Date: Thu, 8 Jul 2021 10:38:41 +0800 Subject: [PATCH] =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E9=A1=B5=E9=9D=A2?= =?UTF-8?q?=E8=AE=BE=E8=AE=A1=E6=96=B0=E5=A2=9E=E5=A4=B4=E9=83=A8=E6=90=9C?= =?UTF-8?q?=E7=B4=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../alipay/default/pages/design/design.acss | 160 ++---------------- .../alipay/default/pages/design/design.axml | 10 ++ .../alipay/default/pages/design/design.js | 14 ++ .../baidu/default/pages/design/design.css | 160 ++---------------- .../baidu/default/pages/design/design.js | 14 ++ .../baidu/default/pages/design/design.json | 2 + .../baidu/default/pages/design/design.swan | 10 ++ sourcecode/qq/default/pages/design/design.js | 14 ++ .../qq/default/pages/design/design.json | 4 + sourcecode/qq/default/pages/design/design.qml | 10 ++ sourcecode/qq/default/pages/design/design.qss | 160 ++---------------- .../toutiao/default/pages/design/design.js | 14 ++ .../toutiao/default/pages/design/design.json | 4 + .../toutiao/default/pages/design/design.ttml | 10 ++ .../toutiao/default/pages/design/design.ttss | 160 ++---------------- .../weixin/default/pages/design/design.js | 14 ++ .../weixin/default/pages/design/design.json | 4 + .../weixin/default/pages/design/design.wxml | 10 ++ .../weixin/default/pages/design/design.wxss | 160 ++---------------- 19 files changed, 214 insertions(+), 720 deletions(-) diff --git a/sourcecode/alipay/default/pages/design/design.acss b/sourcecode/alipay/default/pages/design/design.acss index aeef85439..3251fb216 100644 --- a/sourcecode/alipay/default/pages/design/design.acss +++ b/sourcecode/alipay/default/pages/design/design.acss @@ -2,154 +2,26 @@ * 搜索 */ .search { + left: 0; + top: 20rpx; + box-sizing: border-box; + padding: 20rpx; background: #d2364c; - padding: 20rpx 10rpx 25rpx 20rpx; +} +.search-content { + border-radius: 6rpx; position: relative; + opacity: 0.8; +} +.search icon { + position: absolute; + left: 15rpx; + top: calc(50% - 16rpx); } .search input { - width: calc(100% - 328rpx); - padding-left: 15rpx; - font-size: 24rpx; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.search input,.search-btn button { - height: 52rpx; - line-height: 52rpx; - border-radius: 6rpx; -} -.search-btn { - position: absolute; - top: 20rpx; - right: 20rpx; -} -.search-btn button { - color: #fff; - width: 150rpx; - font-size: 24rpx; -} -.search-btn button:first-child { - background: #ff8c00; - border: 1px solid #ff8c00; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.search-btn button:last-child { - background: #483E39; - border: 1px solid #483E39; - margin-left: 10rpx; -} - -/** - * 头部 - */ -.header { - padding: 20rpx 10rpx; -} -.shop-logo { - width: 280rpx; - margin-top: 5rpx; -} -.base-bottom image { - width: 28rpx; - height: 28rpx; - margin-right: 5rpx; -} -.header .base { - width: calc(100% - 320rpx); -} -.shop-title { - font-size: 32rpx; - font-weight: bold; - line-height: 40rpx; -} -.shop-auth-icon { - background-color: #f4c985; - border: 1px solid #e7ba77; - border-radius: 6rpx; - color: #856651; - text-align: center; - padding: 2rpx 12rpx; - font-size: 24rpx; - font-weight: bold; - margin-right: 10rpx; -} - -/** - * 客服 - */ -.header-service { - width: 400rpx; - position: absolute; - left: 80rpx; - top: 210rpx; - z-index: 2; - font-size: 24rpx; - -webkit-box-shadow: 0 10px 10px rgb(0 0 0 / 30%); - box-shadow: 0 10px 10px rgb(0 0 0 / 30%); -} -.header-service image { - width: 260rpx; - height: 260rpx; -} -.header-service .item { - padding: 20rpx; -} - -/** - * 滚动 - */ -.nav-roll { - width: 100%; - white-space: nowrap; + font-size: 28rpx; + padding-left: 60rpx; box-sizing: border-box; -} -.nav-roll .item { - display: inline-block; -} - -/** - * 导航 - */ -.nav { height: 70rpx; - border-bottom: 1px solid #d2364c; -} -.nav .nav-scroll { - float: right; - width: calc(100% - 230rpx); -} -.nav .item { - padding: 0 20rpx; - font-weight: bold; -} -.nav-shop-category { - padding-right: 38rpx !important; - background-size: 14px 14px; -} - -/** - * 导航商品分类 - */ -.nav-category { - background: #d2364c; - width: 220rpx; - z-index: 1; - position: absolute; - margin-top: 50rpx; - border: 1px solid #d2364c; - -webkit-box-shadow: 0 10px 10px rgb(0 0 0 / 30%); - box-shadow: 0 10px 10px rgb(0 0 0 / 30%); -} -.nav-category .category-scroll { - max-height: 600rpx; -} -.nav-category .item { - padding: 15rpx 20rpx; - display: block; - font-weight: inherit; - color: #f1f1f1; -} -.nav-category .item:not(:last-child) { - border-bottom: 1px solid #c72e44; + line-height: 90rpx; } \ No newline at end of file diff --git a/sourcecode/alipay/default/pages/design/design.axml b/sourcecode/alipay/default/pages/design/design.axml index 0fce54b08..1cb14bbad 100644 --- a/sourcecode/alipay/default/pages/design/design.axml +++ b/sourcecode/alipay/default/pages/design/design.axml @@ -1,4 +1,14 @@ + + + + + + + + + + diff --git a/sourcecode/alipay/default/pages/design/design.js b/sourcecode/alipay/default/pages/design/design.js index cc73db66a..86ece3005 100644 --- a/sourcecode/alipay/default/pages/design/design.js +++ b/sourcecode/alipay/default/pages/design/design.js @@ -71,6 +71,20 @@ Page({ this.get_data(); }, + // 搜索事件 + search_input_event(e) { + var keywords = e.detail.value || null; + if (keywords == null) { + app.showToast('请输入搜索关键字'); + return false; + } + + // 进入搜索页面 + my.navigateTo({ + url: '/pages/goods-search/goods-search?keywords='+keywords + }); + }, + // 自定义分享 onShareAppMessage() { var user_id = app.get_user_cache_info('id', 0) || 0; diff --git a/sourcecode/baidu/default/pages/design/design.css b/sourcecode/baidu/default/pages/design/design.css index aeef85439..81ad80361 100644 --- a/sourcecode/baidu/default/pages/design/design.css +++ b/sourcecode/baidu/default/pages/design/design.css @@ -2,154 +2,26 @@ * 搜索 */ .search { + left: 0; + top: 20rpx; + box-sizing: border-box; + padding: 20rpx; background: #d2364c; - padding: 20rpx 10rpx 25rpx 20rpx; +} +.search-content { + border-radius: 6rpx; position: relative; + opacity: 0.8; +} +.search icon { + position: absolute; + left: 15rpx; + top: calc(50% - 16rpx); } .search input { - width: calc(100% - 328rpx); - padding-left: 15rpx; - font-size: 24rpx; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.search input,.search-btn button { - height: 52rpx; - line-height: 52rpx; - border-radius: 6rpx; -} -.search-btn { - position: absolute; - top: 20rpx; - right: 20rpx; -} -.search-btn button { - color: #fff; - width: 150rpx; - font-size: 24rpx; -} -.search-btn button:first-child { - background: #ff8c00; - border: 1px solid #ff8c00; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.search-btn button:last-child { - background: #483E39; - border: 1px solid #483E39; - margin-left: 10rpx; -} - -/** - * 头部 - */ -.header { - padding: 20rpx 10rpx; -} -.shop-logo { - width: 280rpx; - margin-top: 5rpx; -} -.base-bottom image { - width: 28rpx; - height: 28rpx; - margin-right: 5rpx; -} -.header .base { - width: calc(100% - 320rpx); -} -.shop-title { - font-size: 32rpx; - font-weight: bold; - line-height: 40rpx; -} -.shop-auth-icon { - background-color: #f4c985; - border: 1px solid #e7ba77; - border-radius: 6rpx; - color: #856651; - text-align: center; - padding: 2rpx 12rpx; - font-size: 24rpx; - font-weight: bold; - margin-right: 10rpx; -} - -/** - * 客服 - */ -.header-service { - width: 400rpx; - position: absolute; - left: 80rpx; - top: 210rpx; - z-index: 2; - font-size: 24rpx; - -webkit-box-shadow: 0 10px 10px rgb(0 0 0 / 30%); - box-shadow: 0 10px 10px rgb(0 0 0 / 30%); -} -.header-service image { - width: 260rpx; - height: 260rpx; -} -.header-service .item { - padding: 20rpx; -} - -/** - * 滚动 - */ -.nav-roll { - width: 100%; - white-space: nowrap; + font-size: 28rpx; + padding-left: 60rpx; box-sizing: border-box; -} -.nav-roll .item { - display: inline-block; -} - -/** - * 导航 - */ -.nav { height: 70rpx; - border-bottom: 1px solid #d2364c; -} -.nav .nav-scroll { - float: right; - width: calc(100% - 230rpx); -} -.nav .item { - padding: 0 20rpx; - font-weight: bold; -} -.nav-shop-category { - padding-right: 38rpx !important; - background-size: 14px 14px; -} - -/** - * 导航商品分类 - */ -.nav-category { - background: #d2364c; - width: 220rpx; - z-index: 1; - position: absolute; - margin-top: 50rpx; - border: 1px solid #d2364c; - -webkit-box-shadow: 0 10px 10px rgb(0 0 0 / 30%); - box-shadow: 0 10px 10px rgb(0 0 0 / 30%); -} -.nav-category .category-scroll { - max-height: 600rpx; -} -.nav-category .item { - padding: 15rpx 20rpx; - display: block; - font-weight: inherit; - color: #f1f1f1; -} -.nav-category .item:not(:last-child) { - border-bottom: 1px solid #c72e44; + line-height: 70rpx; } \ No newline at end of file diff --git a/sourcecode/baidu/default/pages/design/design.js b/sourcecode/baidu/default/pages/design/design.js index bfe2635be..52aa9a9cb 100644 --- a/sourcecode/baidu/default/pages/design/design.js +++ b/sourcecode/baidu/default/pages/design/design.js @@ -77,6 +77,20 @@ Page({ this.get_data(); }, + // 搜索事件 + search_input_event(e) { + var keywords = e.detail.value || null; + if (keywords == null) { + app.showToast("请输入搜索关键字"); + return false; + } + + // 进入搜索页面 + swan.navigateTo({ + url: '/pages/goods-search/goods-search?keywords=' + keywords + }); + }, + // 自定义分享 onShareAppMessage() { var user_id = app.get_user_cache_info('id', 0) || 0; diff --git a/sourcecode/baidu/default/pages/design/design.json b/sourcecode/baidu/default/pages/design/design.json index f319b226a..5d17270ca 100644 --- a/sourcecode/baidu/default/pages/design/design.json +++ b/sourcecode/baidu/default/pages/design/design.json @@ -1,5 +1,7 @@ { "enablePullDownRefresh": true, + "navigationBarBackgroundColor": "#d2364c", + "backgroundColorTop": "#d2364c", "usingComponents": { "component-layout": "/components/layout/layout" } diff --git a/sourcecode/baidu/default/pages/design/design.swan b/sourcecode/baidu/default/pages/design/design.swan index db0e840e2..25270500d 100644 --- a/sourcecode/baidu/default/pages/design/design.swan +++ b/sourcecode/baidu/default/pages/design/design.swan @@ -1,4 +1,14 @@ + + + + + + + + + + diff --git a/sourcecode/qq/default/pages/design/design.js b/sourcecode/qq/default/pages/design/design.js index 33d43598f..d344e3954 100644 --- a/sourcecode/qq/default/pages/design/design.js +++ b/sourcecode/qq/default/pages/design/design.js @@ -72,6 +72,20 @@ Page({ this.get_data(); }, + // 搜索事件 + search_input_event(e) { + var keywords = e.detail.value || null; + if (keywords == null) { + app.showToast("请输入搜索关键字"); + return false; + } + + // 进入搜索页面 + qq.navigateTo({ + url: '/pages/goods-search/goods-search?keywords='+keywords + }); + }, + // 自定义分享 onShareAppMessage() { var user_id = app.get_user_cache_info('id', 0) || 0; diff --git a/sourcecode/qq/default/pages/design/design.json b/sourcecode/qq/default/pages/design/design.json index f3ed38dea..f723ed479 100644 --- a/sourcecode/qq/default/pages/design/design.json +++ b/sourcecode/qq/default/pages/design/design.json @@ -1,5 +1,9 @@ { "enablePullDownRefresh": true, + "navigationBarBackgroundColor": "#d2364c", + "backgroundColorTop": "#d2364c", + "backgroundColorBottom": "#f5f5f5", + "backgroundTextStyle": "light", "usingComponents": { "component-layout": "/components/layout/layout" } diff --git a/sourcecode/qq/default/pages/design/design.qml b/sourcecode/qq/default/pages/design/design.qml index 6b38188f2..8fc1f4819 100644 --- a/sourcecode/qq/default/pages/design/design.qml +++ b/sourcecode/qq/default/pages/design/design.qml @@ -1,4 +1,14 @@ + + + + + + + + + + diff --git a/sourcecode/qq/default/pages/design/design.qss b/sourcecode/qq/default/pages/design/design.qss index aeef85439..646bc3c75 100644 --- a/sourcecode/qq/default/pages/design/design.qss +++ b/sourcecode/qq/default/pages/design/design.qss @@ -2,154 +2,26 @@ * 搜索 */ .search { + left: 0; + top: 20rpx; + box-sizing: border-box; + padding: 20rpx; background: #d2364c; - padding: 20rpx 10rpx 25rpx 20rpx; +} +.search-content { + border-radius: 6rpx; position: relative; + opacity: 0.8; +} +.search icon { + position: absolute; + left: 15rpx; + top: calc(50% - 16rpx); } .search input { - width: calc(100% - 328rpx); - padding-left: 15rpx; - font-size: 24rpx; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.search input,.search-btn button { - height: 52rpx; - line-height: 52rpx; - border-radius: 6rpx; -} -.search-btn { - position: absolute; - top: 20rpx; - right: 20rpx; -} -.search-btn button { - color: #fff; - width: 150rpx; - font-size: 24rpx; -} -.search-btn button:first-child { - background: #ff8c00; - border: 1px solid #ff8c00; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.search-btn button:last-child { - background: #483E39; - border: 1px solid #483E39; - margin-left: 10rpx; -} - -/** - * 头部 - */ -.header { - padding: 20rpx 10rpx; -} -.shop-logo { - width: 280rpx; - margin-top: 5rpx; -} -.base-bottom image { - width: 28rpx; - height: 28rpx; - margin-right: 5rpx; -} -.header .base { - width: calc(100% - 320rpx); -} -.shop-title { - font-size: 32rpx; - font-weight: bold; - line-height: 40rpx; -} -.shop-auth-icon { - background-color: #f4c985; - border: 1px solid #e7ba77; - border-radius: 6rpx; - color: #856651; - text-align: center; - padding: 2rpx 12rpx; - font-size: 24rpx; - font-weight: bold; - margin-right: 10rpx; -} - -/** - * 客服 - */ -.header-service { - width: 400rpx; - position: absolute; - left: 80rpx; - top: 210rpx; - z-index: 2; - font-size: 24rpx; - -webkit-box-shadow: 0 10px 10px rgb(0 0 0 / 30%); - box-shadow: 0 10px 10px rgb(0 0 0 / 30%); -} -.header-service image { - width: 260rpx; - height: 260rpx; -} -.header-service .item { - padding: 20rpx; -} - -/** - * 滚动 - */ -.nav-roll { - width: 100%; - white-space: nowrap; + font-size: 28rpx; + padding-left: 60rpx; box-sizing: border-box; -} -.nav-roll .item { - display: inline-block; -} - -/** - * 导航 - */ -.nav { height: 70rpx; - border-bottom: 1px solid #d2364c; -} -.nav .nav-scroll { - float: right; - width: calc(100% - 230rpx); -} -.nav .item { - padding: 0 20rpx; - font-weight: bold; -} -.nav-shop-category { - padding-right: 38rpx !important; - background-size: 14px 14px; -} - -/** - * 导航商品分类 - */ -.nav-category { - background: #d2364c; - width: 220rpx; - z-index: 1; - position: absolute; - margin-top: 50rpx; - border: 1px solid #d2364c; - -webkit-box-shadow: 0 10px 10px rgb(0 0 0 / 30%); - box-shadow: 0 10px 10px rgb(0 0 0 / 30%); -} -.nav-category .category-scroll { - max-height: 600rpx; -} -.nav-category .item { - padding: 15rpx 20rpx; - display: block; - font-weight: inherit; - color: #f1f1f1; -} -.nav-category .item:not(:last-child) { - border-bottom: 1px solid #c72e44; + line-height: 70rpx; } \ No newline at end of file diff --git a/sourcecode/toutiao/default/pages/design/design.js b/sourcecode/toutiao/default/pages/design/design.js index ce3e5374c..c0844394c 100644 --- a/sourcecode/toutiao/default/pages/design/design.js +++ b/sourcecode/toutiao/default/pages/design/design.js @@ -72,6 +72,20 @@ Page({ this.get_data(); }, + // 搜索事件 + search_input_event(e) { + var keywords = e.detail.value || null; + if (keywords == null) { + app.showToast("请输入搜索关键字"); + return false; + } + + // 进入搜索页面 + tt.navigateTo({ + url: '/pages/goods-search/goods-search?keywords='+keywords + }); + }, + // 自定义分享 onShareAppMessage() { var user_id = app.get_user_cache_info('id', 0) || 0; diff --git a/sourcecode/toutiao/default/pages/design/design.json b/sourcecode/toutiao/default/pages/design/design.json index f3ed38dea..f723ed479 100644 --- a/sourcecode/toutiao/default/pages/design/design.json +++ b/sourcecode/toutiao/default/pages/design/design.json @@ -1,5 +1,9 @@ { "enablePullDownRefresh": true, + "navigationBarBackgroundColor": "#d2364c", + "backgroundColorTop": "#d2364c", + "backgroundColorBottom": "#f5f5f5", + "backgroundTextStyle": "light", "usingComponents": { "component-layout": "/components/layout/layout" } diff --git a/sourcecode/toutiao/default/pages/design/design.ttml b/sourcecode/toutiao/default/pages/design/design.ttml index 539ca9baa..a7a25f6d2 100644 --- a/sourcecode/toutiao/default/pages/design/design.ttml +++ b/sourcecode/toutiao/default/pages/design/design.ttml @@ -1,4 +1,14 @@ + + + + + + + + + + diff --git a/sourcecode/toutiao/default/pages/design/design.ttss b/sourcecode/toutiao/default/pages/design/design.ttss index aeef85439..646bc3c75 100644 --- a/sourcecode/toutiao/default/pages/design/design.ttss +++ b/sourcecode/toutiao/default/pages/design/design.ttss @@ -2,154 +2,26 @@ * 搜索 */ .search { + left: 0; + top: 20rpx; + box-sizing: border-box; + padding: 20rpx; background: #d2364c; - padding: 20rpx 10rpx 25rpx 20rpx; +} +.search-content { + border-radius: 6rpx; position: relative; + opacity: 0.8; +} +.search icon { + position: absolute; + left: 15rpx; + top: calc(50% - 16rpx); } .search input { - width: calc(100% - 328rpx); - padding-left: 15rpx; - font-size: 24rpx; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.search input,.search-btn button { - height: 52rpx; - line-height: 52rpx; - border-radius: 6rpx; -} -.search-btn { - position: absolute; - top: 20rpx; - right: 20rpx; -} -.search-btn button { - color: #fff; - width: 150rpx; - font-size: 24rpx; -} -.search-btn button:first-child { - background: #ff8c00; - border: 1px solid #ff8c00; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.search-btn button:last-child { - background: #483E39; - border: 1px solid #483E39; - margin-left: 10rpx; -} - -/** - * 头部 - */ -.header { - padding: 20rpx 10rpx; -} -.shop-logo { - width: 280rpx; - margin-top: 5rpx; -} -.base-bottom image { - width: 28rpx; - height: 28rpx; - margin-right: 5rpx; -} -.header .base { - width: calc(100% - 320rpx); -} -.shop-title { - font-size: 32rpx; - font-weight: bold; - line-height: 40rpx; -} -.shop-auth-icon { - background-color: #f4c985; - border: 1px solid #e7ba77; - border-radius: 6rpx; - color: #856651; - text-align: center; - padding: 2rpx 12rpx; - font-size: 24rpx; - font-weight: bold; - margin-right: 10rpx; -} - -/** - * 客服 - */ -.header-service { - width: 400rpx; - position: absolute; - left: 80rpx; - top: 210rpx; - z-index: 2; - font-size: 24rpx; - -webkit-box-shadow: 0 10px 10px rgb(0 0 0 / 30%); - box-shadow: 0 10px 10px rgb(0 0 0 / 30%); -} -.header-service image { - width: 260rpx; - height: 260rpx; -} -.header-service .item { - padding: 20rpx; -} - -/** - * 滚动 - */ -.nav-roll { - width: 100%; - white-space: nowrap; + font-size: 28rpx; + padding-left: 60rpx; box-sizing: border-box; -} -.nav-roll .item { - display: inline-block; -} - -/** - * 导航 - */ -.nav { height: 70rpx; - border-bottom: 1px solid #d2364c; -} -.nav .nav-scroll { - float: right; - width: calc(100% - 230rpx); -} -.nav .item { - padding: 0 20rpx; - font-weight: bold; -} -.nav-shop-category { - padding-right: 38rpx !important; - background-size: 14px 14px; -} - -/** - * 导航商品分类 - */ -.nav-category { - background: #d2364c; - width: 220rpx; - z-index: 1; - position: absolute; - margin-top: 50rpx; - border: 1px solid #d2364c; - -webkit-box-shadow: 0 10px 10px rgb(0 0 0 / 30%); - box-shadow: 0 10px 10px rgb(0 0 0 / 30%); -} -.nav-category .category-scroll { - max-height: 600rpx; -} -.nav-category .item { - padding: 15rpx 20rpx; - display: block; - font-weight: inherit; - color: #f1f1f1; -} -.nav-category .item:not(:last-child) { - border-bottom: 1px solid #c72e44; + line-height: 70rpx; } \ No newline at end of file diff --git a/sourcecode/weixin/default/pages/design/design.js b/sourcecode/weixin/default/pages/design/design.js index 84756a5a8..5ecc72042 100644 --- a/sourcecode/weixin/default/pages/design/design.js +++ b/sourcecode/weixin/default/pages/design/design.js @@ -75,6 +75,20 @@ Page({ this.get_data(); }, + // 搜索事件 + search_input_event(e) { + var keywords = e.detail.value || null; + if (keywords == null) { + app.showToast("请输入搜索关键字"); + return false; + } + + // 进入搜索页面 + wx.navigateTo({ + url: '/pages/goods-search/goods-search?keywords='+keywords + }); + }, + // 自定义分享 onShareAppMessage() { var user_id = app.get_user_cache_info('id', 0) || 0; diff --git a/sourcecode/weixin/default/pages/design/design.json b/sourcecode/weixin/default/pages/design/design.json index f3ed38dea..f723ed479 100644 --- a/sourcecode/weixin/default/pages/design/design.json +++ b/sourcecode/weixin/default/pages/design/design.json @@ -1,5 +1,9 @@ { "enablePullDownRefresh": true, + "navigationBarBackgroundColor": "#d2364c", + "backgroundColorTop": "#d2364c", + "backgroundColorBottom": "#f5f5f5", + "backgroundTextStyle": "light", "usingComponents": { "component-layout": "/components/layout/layout" } diff --git a/sourcecode/weixin/default/pages/design/design.wxml b/sourcecode/weixin/default/pages/design/design.wxml index bad181e8b..9cf8294b0 100644 --- a/sourcecode/weixin/default/pages/design/design.wxml +++ b/sourcecode/weixin/default/pages/design/design.wxml @@ -1,4 +1,14 @@ + + + + + + + + + + diff --git a/sourcecode/weixin/default/pages/design/design.wxss b/sourcecode/weixin/default/pages/design/design.wxss index aeef85439..646bc3c75 100644 --- a/sourcecode/weixin/default/pages/design/design.wxss +++ b/sourcecode/weixin/default/pages/design/design.wxss @@ -2,154 +2,26 @@ * 搜索 */ .search { + left: 0; + top: 20rpx; + box-sizing: border-box; + padding: 20rpx; background: #d2364c; - padding: 20rpx 10rpx 25rpx 20rpx; +} +.search-content { + border-radius: 6rpx; position: relative; + opacity: 0.8; +} +.search icon { + position: absolute; + left: 15rpx; + top: calc(50% - 16rpx); } .search input { - width: calc(100% - 328rpx); - padding-left: 15rpx; - font-size: 24rpx; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.search input,.search-btn button { - height: 52rpx; - line-height: 52rpx; - border-radius: 6rpx; -} -.search-btn { - position: absolute; - top: 20rpx; - right: 20rpx; -} -.search-btn button { - color: #fff; - width: 150rpx; - font-size: 24rpx; -} -.search-btn button:first-child { - background: #ff8c00; - border: 1px solid #ff8c00; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.search-btn button:last-child { - background: #483E39; - border: 1px solid #483E39; - margin-left: 10rpx; -} - -/** - * 头部 - */ -.header { - padding: 20rpx 10rpx; -} -.shop-logo { - width: 280rpx; - margin-top: 5rpx; -} -.base-bottom image { - width: 28rpx; - height: 28rpx; - margin-right: 5rpx; -} -.header .base { - width: calc(100% - 320rpx); -} -.shop-title { - font-size: 32rpx; - font-weight: bold; - line-height: 40rpx; -} -.shop-auth-icon { - background-color: #f4c985; - border: 1px solid #e7ba77; - border-radius: 6rpx; - color: #856651; - text-align: center; - padding: 2rpx 12rpx; - font-size: 24rpx; - font-weight: bold; - margin-right: 10rpx; -} - -/** - * 客服 - */ -.header-service { - width: 400rpx; - position: absolute; - left: 80rpx; - top: 210rpx; - z-index: 2; - font-size: 24rpx; - -webkit-box-shadow: 0 10px 10px rgb(0 0 0 / 30%); - box-shadow: 0 10px 10px rgb(0 0 0 / 30%); -} -.header-service image { - width: 260rpx; - height: 260rpx; -} -.header-service .item { - padding: 20rpx; -} - -/** - * 滚动 - */ -.nav-roll { - width: 100%; - white-space: nowrap; + font-size: 28rpx; + padding-left: 60rpx; box-sizing: border-box; -} -.nav-roll .item { - display: inline-block; -} - -/** - * 导航 - */ -.nav { height: 70rpx; - border-bottom: 1px solid #d2364c; -} -.nav .nav-scroll { - float: right; - width: calc(100% - 230rpx); -} -.nav .item { - padding: 0 20rpx; - font-weight: bold; -} -.nav-shop-category { - padding-right: 38rpx !important; - background-size: 14px 14px; -} - -/** - * 导航商品分类 - */ -.nav-category { - background: #d2364c; - width: 220rpx; - z-index: 1; - position: absolute; - margin-top: 50rpx; - border: 1px solid #d2364c; - -webkit-box-shadow: 0 10px 10px rgb(0 0 0 / 30%); - box-shadow: 0 10px 10px rgb(0 0 0 / 30%); -} -.nav-category .category-scroll { - max-height: 600rpx; -} -.nav-category .item { - padding: 15rpx 20rpx; - display: block; - font-weight: inherit; - color: #f1f1f1; -} -.nav-category .item:not(:last-child) { - border-bottom: 1px solid #c72e44; + line-height: 70rpx; } \ No newline at end of file