From b35ff1eb660a5bf20a1c3bcc89379b64ebeea171 Mon Sep 17 00:00:00 2001 From: xianghenggang Date: Tue, 5 Sep 2017 14:43:44 +0800 Subject: [PATCH] =?UTF-8?q?vip=E3=80=82=E6=94=B6=E8=97=8F=E3=80=81?= =?UTF-8?q?=E7=9F=A5=E8=AF=86=E5=88=97=E8=A1=A8=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- littleApp_child/app.json | 4 +- .../childcare_knowledge/childcare_knowledge.wxml | 28 +++--- .../childcare_knowledge/childcare_knowledge.wxss | 7 +- littleApp_child/pages/mySaved/mySaved.wxml | 2 +- littleApp_child/pages/mySaved/mySaved.wxss | 18 ++-- littleApp_child/pages/vipService/vipService.js | 16 +++ littleApp_child/pages/vipService/vipService.json | 6 ++ littleApp_child/pages/vipService/vipService.wxml | 32 ++++++ littleApp_child/pages/vipService/vipService.wxss | 107 +++++++++++++++++++++ 9 files changed, 193 insertions(+), 27 deletions(-) create mode 100644 littleApp_child/pages/vipService/vipService.js create mode 100644 littleApp_child/pages/vipService/vipService.json create mode 100644 littleApp_child/pages/vipService/vipService.wxml create mode 100644 littleApp_child/pages/vipService/vipService.wxss diff --git a/littleApp_child/app.json b/littleApp_child/app.json index f7b276e..af4c156 100644 --- a/littleApp_child/app.json +++ b/littleApp_child/app.json @@ -1,12 +1,13 @@ { "pages": [ + "pages/home/home", "pages/Setting/Setting", "pages/PersonalInfo/PersonalInfo", "pages/checkTabList/checkTabList", "pages/feedback/feedback", - "pages/mySaved/mySaved", + "pages/mySaved/mySaved", "pages/CheckReport/CheckReport", "pages/articleLists/articleLists", @@ -23,6 +24,7 @@ "pages/chat/chat", "pages/childcare_knowledge_detail/childcare_knowledge_detail", "pages/system_notifacations/system_notifacations", + "pages/vipService/vipService", "pages/childcare_knowledge/childcare_knowledge" ], diff --git a/littleApp_child/pages/childcare_knowledge/childcare_knowledge.wxml b/littleApp_child/pages/childcare_knowledge/childcare_knowledge.wxml index e3afac5..a0656ba 100644 --- a/littleApp_child/pages/childcare_knowledge/childcare_knowledge.wxml +++ b/littleApp_child/pages/childcare_knowledge/childcare_knowledge.wxml @@ -29,19 +29,19 @@ {{item.introduction}} - - - {{item.likeCount}} - - - - {{item.likeCount}} - - - 新生儿 - 健康宝宝 - - + + + {{item.likeCount}} + + + + {{item.likeCount}} + + + 新生儿 + 健康宝宝 + + @@ -54,6 +54,6 @@ - + \ No newline at end of file diff --git a/littleApp_child/pages/childcare_knowledge/childcare_knowledge.wxss b/littleApp_child/pages/childcare_knowledge/childcare_knowledge.wxss index df3dcbe..1bbb947 100644 --- a/littleApp_child/pages/childcare_knowledge/childcare_knowledge.wxss +++ b/littleApp_child/pages/childcare_knowledge/childcare_knowledge.wxss @@ -78,7 +78,7 @@ .content_title { font-family: PingFangSC-Regular; font-size: 14px; - padding-top: 7px; + padding-top: 10px; color: #222; display: -webkit-box; -webkit-box-orient: vertical; @@ -103,7 +103,7 @@ .content_image { width: 70px; - transform: translateY(-105px); + transform: translateY(-100px); float: right; margin-right: 15px; height: 70px; @@ -111,7 +111,7 @@ .zarparent_box { display: flex; - margin-top: 20px; + margin-top: 15px; } .zar_box { @@ -149,6 +149,7 @@ margin-left: 10px; color: #58a478; margin-top: 5px; + padding: 3px; } /*item 分割线*/ diff --git a/littleApp_child/pages/mySaved/mySaved.wxml b/littleApp_child/pages/mySaved/mySaved.wxml index 9ef22a0..8bab376 100644 --- a/littleApp_child/pages/mySaved/mySaved.wxml +++ b/littleApp_child/pages/mySaved/mySaved.wxml @@ -8,7 +8,7 @@ - + {{item.title}} {{item.introduction}} diff --git a/littleApp_child/pages/mySaved/mySaved.wxss b/littleApp_child/pages/mySaved/mySaved.wxss index 4278f87..d28da18 100644 --- a/littleApp_child/pages/mySaved/mySaved.wxss +++ b/littleApp_child/pages/mySaved/mySaved.wxss @@ -8,12 +8,12 @@ width: 20px; height: 20px; margin-left: 10px; - transform: translateY(-55px); + transform: translateY(-65px); } .content_item { width: 100%; - height: 90px; + height: 120px; right: 75px; margin-left: 10px; position: flex; @@ -22,7 +22,7 @@ .content_title { font-family: PingFangSC-Regular; font-size: 14px; - padding-top: 7px; + padding-top:5px; color: #222; display: -webkit-box; -webkit-box-orient: vertical; @@ -34,6 +34,7 @@ height: 36px; font-family: PingFangSC-Regular; font-size: 12px; + margin-top: 10px; color: #888; line-height: 18px; display: -webkit-box; @@ -45,17 +46,18 @@ } .content_image { - width: 50px; - transform: translateY(-75px); + width: 70px; + transform: translateY(-100px); float: right; margin-right: 15px; - height: 50px; + height: 70px; position: absolute; right: 0px; } .zarparent_box { display: flex; + margin-top: 15px; } .zar_box { @@ -94,7 +96,8 @@ font-size: 12px; margin-left: 10px; color: #58a478; - margin-top: 5px; + margin-top: 2px; + padding: 2px; } /*item 分割线*/ @@ -103,7 +106,6 @@ height: 1px; background: #e2e2e2; margin-top: 5px; - margin-bottom: 5px; left: 15px; right: 15px; } diff --git a/littleApp_child/pages/vipService/vipService.js b/littleApp_child/pages/vipService/vipService.js new file mode 100644 index 0000000..81ffcf0 --- /dev/null +++ b/littleApp_child/pages/vipService/vipService.js @@ -0,0 +1,16 @@ + +// 网络请求工具类 +var networkUtil = require('../../utils/network_util.js') +var api = require('../../utils/apiFile.js') + + +Page({ + data: { + + + }, + onLoad: function (e) { + + + } +}) diff --git a/littleApp_child/pages/vipService/vipService.json b/littleApp_child/pages/vipService/vipService.json new file mode 100644 index 0000000..e97907a --- /dev/null +++ b/littleApp_child/pages/vipService/vipService.json @@ -0,0 +1,6 @@ +{ + "navigationBarBackgroundColor": "#48C17B", + "navigationBarTitleText": "VIP服务", + "navigationBarTextStyle": "white", + "backgroundColor": "#d8dbd4" +} \ No newline at end of file diff --git a/littleApp_child/pages/vipService/vipService.wxml b/littleApp_child/pages/vipService/vipService.wxml new file mode 100644 index 0000000..8a5d166 --- /dev/null +++ b/littleApp_child/pages/vipService/vipService.wxml @@ -0,0 +1,32 @@ + + + + + + + + + mingzi + + + + + + 黄金VIP服务 + + + 0-6岁儿童服务： + 300 + 开通 + + + + 检查指导 + 反倒让飞啊飞微软服务器反倒让飞啊飞微软服务器反倒让飞啊飞微软服务器反倒让飞啊飞微软服务器 + 检查指导 + 反倒让飞啊飞微软服务器 + 检查指导 + 反倒让飞啊飞微软服务器 + + + \ No newline at end of file diff --git a/littleApp_child/pages/vipService/vipService.wxss b/littleApp_child/pages/vipService/vipService.wxss new file mode 100644 index 0000000..18c4c58 --- /dev/null +++ b/littleApp_child/pages/vipService/vipService.wxss @@ -0,0 +1,107 @@ +.main { + width: 100%; + background: white; + height: 100%; +} + +/*顶部模块*/ + +.TopBar { + width: 100%; + height: 140px; + background: #48c17b; + position: relative; +} + +.avatar { + width: 70px; + height: 70px; + border-radius: 50%; + position: absolute; + top: 15px; + left: 50%; + transform: translateX(-50%); + border: 3px solid white; + box-shadow: 0 2px 4px 0 rgba(186, 70, 70, 0.50); +} + +.top_name { + color: white; + font-size: 15px; + display: flex; + top: 100px; + width: 100%; + position: absolute; + /*居中*/ + justify-content: center; + align-items: center; +} + +.gold_vip { + font-size: 14px; + color: #333; + height: 40px; + line-height: 40px; + padding-left: 15px; +} + +.divider { + border: 0.5px solid #eee; + width: 100%; +} + +.children_service { + display: flex; + padding: 15px; +} + +.service_text { + font-size: 14px; + color: #666; +} + +.money { + font-size: 14px; + color: #f56723; + margin-left: 5px; +} + +.pay { + position: absolute; + right: 10px; + font-size: 14px; + color: #fff; + background: #48c17b; + text-align: center; + width: 54px; + height: 24px; + line-height: 24px; + border-radius: 100px; +} + +.divider10 { + width: 100%; + background: #eee; + height: 10px; +} + +.content { + padding-left: 15px; + padding-right: 15px; +} + +.check_guide { + font-size: 14px; + color: #222; + height: 15px; + line-height: 15px; + margin-top: 15px; + padding-left: 5px; + border-left: 2px solid #48c17b; +} + +.check_content { + font-size: 13px; + color: #888; + margin-top: 10px; +} -- 1.8.3.1