luoye / littleApp_child

Download as
Browse Code »

Commit b35ff1eb660a5bf20a1c3bcc89379b64ebeea171

Authored by xianghenggang
1 parent 79a2daf27b
Exists in master and in 2 other branches dev-wrh, dev_wjl

vip。收藏、知识列表修改

Showing 9 changed files with 193 additions and 27 deletions

littleApp_child/app.json View file @ b35ff1e
1 1 {
2 2 "pages": [
3 3  
  4 +
4 5 "pages/home/home",
5 6 "pages/Setting/Setting",
6 7 "pages/PersonalInfo/PersonalInfo",
7 8 "pages/checkTabList/checkTabList",
8 9 "pages/feedback/feedback",
9   - "pages/mySaved/mySaved",
  10 + "pages/mySaved/mySaved",
10 11 "pages/CheckReport/CheckReport",
11 12 "pages/articleLists/articleLists",
12 13  
... ... @@ -23,6 +24,7 @@
23 24 "pages/chat/chat",
24 25 "pages/childcare_knowledge_detail/childcare_knowledge_detail",
25 26 "pages/system_notifacations/system_notifacations",
  27 + "pages/vipService/vipService",
26 28 "pages/childcare_knowledge/childcare_knowledge"
27 29  
28 30 ],
littleApp_child/pages/childcare_knowledge/childcare_knowledge.wxml View file @ b35ff1e
... ... @@ -29,19 +29,19 @@
29 29 <view class="content_content">{{item.introduction}}</view>
30 30 <view class="zarparent_box">
31 31  
32   - <view class="zar_box" catchtap="articleLike" data-id="{{item.id}}" data-index="{{index}}">
33   - <image class="zar_img" src="../../source/{{item.isLike == 1 ? 'zanguo.png' : 'like.png'}}"></image>
34   - <view class="content_zar">{{item.likeCount}}</view>
35   - </view>
36   - <view class="zar_box">
37   - <image class="zar_img" src="../../source/{{item.isLike == 1 ? 'save_not.png' : 'like.png'}}"></image>
38   - <view class="content_zar">{{item.likeCount}}</view>
39   - </view>
40   - <view class="tags_view" >
41   - <view class="tags1">新生儿</view>
42   - <view class="tags1">健康宝宝</view>
43   - </view>
44   - </view>
  32 + <view class="zar_box" catchtap="articleLike" data-id="{{item.id}}" data-index="{{index}}">
  33 + <image class="zar_img" src="../../source/{{item.isLike == 1 ? 'zanguo.png' : 'like.png'}}"></image>
  34 + <view class="content_zar">{{item.likeCount}}</view>
  35 + </view>
  36 + <view class="zar_box">
  37 + <image class="zar_img" src="../../source/{{item.isLike == 1 ? 'save_not.png' : 'like.png'}}"></image>
  38 + <view class="content_zar">{{item.likeCount}}</view>
  39 + </view>
  40 + <view class="tags_view">
  41 + <view class="tags1">新生儿</view>
  42 + <view class="tags1">健康宝宝</view>
  43 + </view>
  44 + </view>
45 45  
46 46 </view>
47 47 <image class="content_image" mode="aspectFill" src="{{item.image.medium}}"></image>
... ... @@ -54,7 +54,7 @@
54 54  
55 55 </view>
56 56 </view>
57   - <image animation="{{animationData}}" class="icon_refresh" src="../../source/group2.png" bindtap="refesh"></image>
  57 + <image animation="{{animationData}}" class="icon_refresh" src="../../source/group2.png" bindtap="refesh"></image>
58 58  
59 59 </view>
littleApp_child/pages/childcare_knowledge/childcare_knowledge.wxss View file @ b35ff1e
... ... @@ -78,7 +78,7 @@
78 78 .content_title {
79 79 font-family: PingFangSC-Regular;
80 80 font-size: 14px;
81   - padding-top: 7px;
  81 + padding-top: 10px;
82 82 color: #222;
83 83 display: -webkit-box;
84 84 -webkit-box-orient: vertical;
... ... @@ -103,7 +103,7 @@
103 103  
104 104 .content_image {
105 105 width: 70px;
106   - transform: translateY(-105px);
  106 + transform: translateY(-100px);
107 107 float: right;
108 108 margin-right: 15px;
109 109 height: 70px;
... ... @@ -111,7 +111,7 @@
111 111  
112 112 .zarparent_box {
113 113 display: flex;
114   - margin-top: 20px;
  114 + margin-top: 15px;
115 115 }
116 116  
117 117 .zar_box {
... ... @@ -149,6 +149,7 @@
149 149 margin-left: 10px;
150 150 color: #58a478;
151 151 margin-top: 5px;
  152 + padding: 3px;
152 153 }
153 154 /*item 分割线*/
154 155  
littleApp_child/pages/mySaved/mySaved.wxml View file @ b35ff1e
... ... @@ -8,7 +8,7 @@
8 8  
9 9 <image wx:if="{{isShowCheckbox}}" class="check_image" src="../../source/{{item.checked ? 'like.png' :'save_not.png'}}" bindtap="checkboxChange" data-id="{{item.id}}" data-checked="{{item.checked}}"></image>
10 10 <view class="content_item">
11   - <view style="margin-right:75px;">
  11 + <view style="margin-right:90px;">
12 12 <view class="content_title">{{item.title}}</view>
13 13 <view class="content_content">{{item.introduction}}</view>
14 14 <view class="zarparent_box">
littleApp_child/pages/mySaved/mySaved.wxss View file @ b35ff1e
... ... @@ -8,12 +8,12 @@
8 8 width: 20px;
9 9 height: 20px;
10 10 margin-left: 10px;
11   - transform: translateY(-55px);
  11 + transform: translateY(-65px);
12 12 }
13 13  
14 14 .content_item {
15 15 width: 100%;
16   - height: 90px;
  16 + height: 120px;
17 17 right: 75px;
18 18 margin-left: 10px;
19 19 position: flex;
... ... @@ -22,7 +22,7 @@
22 22 .content_title {
23 23 font-family: PingFangSC-Regular;
24 24 font-size: 14px;
25   - padding-top: 7px;
  25 + padding-top:5px;
26 26 color: #222;
27 27 display: -webkit-box;
28 28 -webkit-box-orient: vertical;
... ... @@ -34,6 +34,7 @@
34 34 height: 36px;
35 35 font-family: PingFangSC-Regular;
36 36 font-size: 12px;
  37 + margin-top: 10px;
37 38 color: #888;
38 39 line-height: 18px;
39 40 display: -webkit-box;
40 41  
41 42  
... ... @@ -45,17 +46,18 @@
45 46 }
46 47  
47 48 .content_image {
48   - width: 50px;
49   - transform: translateY(-75px);
  49 + width: 70px;
  50 + transform: translateY(-100px);
50 51 float: right;
51 52 margin-right: 15px;
52   - height: 50px;
  53 + height: 70px;
53 54 position: absolute;
54 55 right: 0px;
55 56 }
56 57  
57 58 .zarparent_box {
58 59 display: flex;
  60 + margin-top: 15px;
59 61 }
60 62  
61 63 .zar_box {
... ... @@ -94,7 +96,8 @@
94 96 font-size: 12px;
95 97 margin-left: 10px;
96 98 color: #58a478;
97   - margin-top: 5px;
  99 + margin-top: 2px;
  100 + padding: 2px;
98 101 }
99 102  
100 103 /*item 分割线*/
... ... @@ -103,7 +106,6 @@
103 106 height: 1px;
104 107 background: #e2e2e2;
105 108 margin-top: 5px;
106   - margin-bottom: 5px;
107 109 left: 15px;
108 110 right: 15px;
109 111 }
littleApp_child/pages/vipService/vipService.js View file @ b35ff1e
  1 +
  2 +// 网络请求工具类
  3 +var networkUtil = require('../../utils/network_util.js')
  4 +var api = require('../../utils/apiFile.js')
  5 +
  6 +
  7 +Page({
  8 + data: {
  9 +
  10 +
  11 + },
  12 + onLoad: function (e) {
  13 +
  14 +
  15 + }
  16 +})
littleApp_child/pages/vipService/vipService.json View file @ b35ff1e
  1 +{
  2 + "navigationBarBackgroundColor": "#48C17B",
  3 + "navigationBarTitleText": "VIP服务",
  4 + "navigationBarTextStyle": "white",
  5 + "backgroundColor": "#d8dbd4"
  6 +}
littleApp_child/pages/vipService/vipService.wxml View file @ b35ff1e
  1 +<!--hospitalList.wxml 医院列表 联系医院-->
  2 +<view class="main">
  3 +
  4 + <view class='TopBar'>
  5 + <!--头像-->
  6 + <image class="avatar" bindtap="tapAvatar" src="{{userData.avatar.medium ? userData.avatar.medium : ''}}" background-size="cover"></image>
  7 + <!--用户名-->
  8 + <view class="top_name">
  9 + <view class="userName">mingzi</view>
  10 +
  11 + </view>
  12 +
  13 + </view>
  14 +
  15 + <view class='gold_vip'>黄金VIP服务</view>
  16 + <view class='divider'></view>
  17 + <view class='children_service'>
  18 + <view class='service_text'>0-6岁儿童服务：</view>
  19 + <view class='money'>300</view>
  20 + <view class="pay">开通</view>
  21 + </view>
  22 + <view class='divider10'></view>
  23 + <view class='content'>
  24 + <view class="check_guide">检查指导</view>
  25 + <view class='check_content'>反倒让飞啊飞微软服务器反倒让飞啊飞微软服务器反倒让飞啊飞微软服务器反倒让飞啊飞微软服务器</view>
  26 + <view class="check_guide">检查指导</view>
  27 + <view class='check_content'>反倒让飞啊飞微软服务器</view>
  28 + <view class="check_guide">检查指导</view>
  29 + <view class='check_content'>反倒让飞啊飞微软服务器</view>
  30 + </view>
  31 +
  32 +</view>
littleApp_child/pages/vipService/vipService.wxss View file @ b35ff1e
  1 +.main {
  2 + width: 100%;
  3 + background: white;
  4 + height: 100%;
  5 +}
  6 +
  7 +/*顶部模块*/
  8 +
  9 +.TopBar {
  10 + width: 100%;
  11 + height: 140px;
  12 + background: #48c17b;
  13 + position: relative;
  14 +}
  15 +
  16 +.avatar {
  17 + width: 70px;
  18 + height: 70px;
  19 + border-radius: 50%;
  20 + position: absolute;
  21 + top: 15px;
  22 + left: 50%;
  23 + transform: translateX(-50%);
  24 + border: 3px solid white;
  25 + box-shadow: 0 2px 4px 0 rgba(186, 70, 70, 0.50);
  26 +}
  27 +
  28 +.top_name {
  29 + color: white;
  30 + font-size: 15px;
  31 + display: flex;
  32 + top: 100px;
  33 + width: 100%;
  34 + position: absolute;
  35 + /*居中*/
  36 + justify-content: center;
  37 + align-items: center;
  38 +}
  39 +
  40 +.gold_vip {
  41 + font-size: 14px;
  42 + color: #333;
  43 + height: 40px;
  44 + line-height: 40px;
  45 + padding-left: 15px;
  46 +}
  47 +
  48 +.divider {
  49 + border: 0.5px solid #eee;
  50 + width: 100%;
  51 +}
  52 +
  53 +.children_service {
  54 + display: flex;
  55 + padding: 15px;
  56 +}
  57 +
  58 +.service_text {
  59 + font-size: 14px;
  60 + color: #666;
  61 +}
  62 +
  63 +.money {
  64 + font-size: 14px;
  65 + color: #f56723;
  66 + margin-left: 5px;
  67 +}
  68 +
  69 +.pay {
  70 + position: absolute;
  71 + right: 10px;
  72 + font-size: 14px;
  73 + color: #fff;
  74 + background: #48c17b;
  75 + text-align: center;
  76 + width: 54px;
  77 + height: 24px;
  78 + line-height: 24px;
  79 + border-radius: 100px;
  80 +}
  81 +
  82 +.divider10 {
  83 + width: 100%;
  84 + background: #eee;
  85 + height: 10px;
  86 +}
  87 +
  88 +.content {
  89 + padding-left: 15px;
  90 + padding-right: 15px;
  91 +}
  92 +
  93 +.check_guide {
  94 + font-size: 14px;
  95 + color: #222;
  96 + height: 15px;
  97 + line-height: 15px;
  98 + margin-top: 15px;
  99 + padding-left: 5px;
  100 + border-left: 2px solid #48c17b;
  101 +}
  102 +
  103 +.check_content {
  104 + font-size: 13px;
  105 + color: #888;
  106 + margin-top: 10px;
  107 +}