Skip to content

dev / home-with-kids-mp

Go to a project
Toggle navigation
Toggle navigation pinning
4fe4fc23 by simon
Options

默认提交

1 parent be65ff3c
Inline Side-by-side
Showing 8 changed files with 131 additions and 85 deletions
...@@ -104,15 +104,19 @@ button { ...@@ -104,15 +104,19 @@ button {
104 .red-p { 104 .red-p {
105 .comp { 105 .comp {
106 bottom: auto; 106 bottom: auto;
107 top: 42%; 107 top: 56%;
108 } 108 }
109 } 109 }
110 110
111 .van-tab { 111 .van-tab {
112 font-size: 40px !important; 112 font-size: 32px !important;
113 font-weight: bold !important; 113 // font-weight: bold !important;
114 color: #444444 !important; 114 color: #444444 !important;
115 padding: 0 32px !important; 115 padding: 0 16px !important;
116 }
117
118 .van-tabs__line {
119 height: 4px !important;
116 } 120 }
117 121
118 122
...@@ -143,11 +147,12 @@ button { ...@@ -143,11 +147,12 @@ button {
143 } 147 }
144 148
145 149
150
146 // web font icon 151 // web font icon
147 152
148 @font-face { 153 @font-face {
149 font-family: "iconfont"; 154 font-family: "iconfont";
150 src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), 155 src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
151 } 156 }
152 157
153 158
...@@ -157,7 +162,6 @@ button { ...@@ -157,7 +162,6 @@ button {
157 font-style: normal; 162 font-style: normal;
158 -webkit-font-smoothing: antialiased; 163 -webkit-font-smoothing: antialiased;
159 -moz-osx-font-smoothing: grayscale; 164 -moz-osx-font-smoothing: grayscale;
160 font-weight: normal !important;
161 } 165 }
162 166
163 .iconclose1:before { 167 .iconclose1:before {
...@@ -168,6 +172,10 @@ button { ...@@ -168,6 +172,10 @@ button {
168 content: "\e874"; 172 content: "\e874";
169 } 173 }
170 174
175 .iconplay:before {
176 content: "\e617";
177 }
178
171 .iconhome:before { 179 .iconhome:before {
172 content: "\e610"; 180 content: "\e610";
173 } 181 }
...@@ -184,6 +192,10 @@ button { ...@@ -184,6 +192,10 @@ button {
184 content: "\e699"; 192 content: "\e699";
185 } 193 }
186 194
195 .iconplay1:before {
196 content: "\e675";
197 }
198
187 .iconhongbao:before { 199 .iconhongbao:before {
188 content: "\e68c"; 200 content: "\e68c";
189 } 201 }
......
...@@ -40,8 +40,7 @@ ...@@ -40,8 +40,7 @@
40 } 40 }
41 41
42 .shadow { 42 .shadow {
43 box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.10); 43 box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.6);
44 border-radius: 8px;
45 } 44 }
46 45
47 .linear { 46 .linear {
......
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
22 .detail { 22 .detail {
23 position: relative; 23 position: relative;
24 width: 100%; 24 width: 100%;
25 height: 944px; 25 // height: 944px;
26 background-color: #333333; 26 background-color: #333333;
27 text-align: center; 27 text-align: center;
28 28
...@@ -32,7 +32,6 @@ ...@@ -32,7 +32,6 @@
32 // padding-top: 20px; 32 // padding-top: 20px;
33 width: 100%; 33 width: 100%;
34 height: 720px; 34 height: 720px;
35 // background-color: wheat;
36 35
37 .vid { 36 .vid {
38 text-align: center; 37 text-align: center;
...@@ -40,12 +39,16 @@ ...@@ -40,12 +39,16 @@
40 height: 100%; 39 height: 100%;
41 } 40 }
42 } 41 }
42 }
43 43
44 .share {
45 position: relative;
46 width: 100%;
47 padding: 24px auto;
44 48
45 .btn-wrap { 49 .btn-wrap {
46 position: absolute; 50 padding: 24px 0;
47 color: #ffffff; 51 color: #ffffff;
48 // margin: 40px auto 0;
49 bottom: 64px; 52 bottom: 64px;
50 left: 0; 53 left: 0;
51 right: 0; 54 right: 0;
...@@ -128,8 +131,9 @@ ...@@ -128,8 +131,9 @@
128 display: flex; 131 display: flex;
129 132
130 .btn { 133 .btn {
131 margin-right: 24px; 134 // margin-right: 24px;
132 width: 200px; 135 margin: 0 0;
136 width: 240px;
133 height: 80px; 137 height: 80px;
134 font-size: 32px; 138 font-size: 32px;
135 background-color: #3ec03c; 139 background-color: #3ec03c;
...@@ -159,6 +163,7 @@ ...@@ -159,6 +163,7 @@
159 } 163 }
160 164
161 165
166
162 } 167 }
163 168
164 } 169 }
...@@ -168,7 +173,7 @@ ...@@ -168,7 +173,7 @@
168 @extend .bb; 173 @extend .bb;
169 padding: 0 24px; 174 padding: 0 24px;
170 font-size: 36px; 175 font-size: 36px;
171 margin: 0px auto 24px; 176 margin: 24px auto 0px;
172 } 177 }
173 178
174 // 广告 179 // 广告
...@@ -204,16 +209,16 @@ ...@@ -204,16 +209,16 @@
204 209
205 .tit { 210 .tit {
206 @extend .bb; 211 @extend .bb;
207 padding: 24px 0; 212 padding: 8px 0;
208 height: 230px; 213 height: 180px;
209 flex: 1; 214 flex: 1;
210 font-size: 36px; 215 font-size: 40px;
211 @include ellipsis(4); 216 @include ellipsis(3);
212 } 217 }
213 218
214 .poster { 219 .poster {
215 width: 350px; 220 width: 350px;
216 height: 230px; 221 height: 180px;
217 border-radius: 8px; 222 border-radius: 8px;
218 } 223 }
219 } 224 }
......
...@@ -9,8 +9,10 @@ ...@@ -9,8 +9,10 @@
9 <view class="vid-wrap"> 9 <view class="vid-wrap">
10 <video objectFit="contain" class="vid" poster="{{detailData.thumbnail}}" src="{{detailData.videoUrl}}" /> 10 <video objectFit="contain" class="vid" poster="{{detailData.thumbnail}}" src="{{detailData.videoUrl}}" />
11 </view> 11 </view>
12 </view>
13 <div class="share">
12 <view class="btn-wrap"> 14 <view class="btn-wrap">
13 <button open-type="share" class="ani-scl btn btn2"> 15 <button open-type="share" class=" btn btn2">
14 <span class="t1 iconfont iconplane"></span> 16 <span class="t1 iconfont iconplane"></span>
15 <span class="t1">分享给好友</span> 17 <span class="t1">分享给好友</span>
16 </button> 18 </button>
...@@ -19,7 +21,9 @@ ...@@ -19,7 +21,9 @@
19 <span class="t1">分享到群</span> 21 <span class="t1">分享到群</span>
20 </button> 22 </button>
21 </view> 23 </view>
22 </view> 24 </div>
25 <!-- 功能区小标题 -->
26 <view class="fc-tit">超有创意的全家福，看了你也想拍！</view>
23 <!-- 功能区 --> 27 <!-- 功能区 -->
24 <view class="func"> 28 <view class="func">
25 <view bindtap="toPersonalList" class="user"> 29 <view bindtap="toPersonalList" class="user">
...@@ -30,17 +34,12 @@ ...@@ -30,17 +34,12 @@
30 </view> 34 </view>
31 </view> 35 </view>
32 <view class="btn-wrap"> 36 <view class="btn-wrap">
33 <view class="btn btn2"> 37 <view bindtap="toIndex" class="index-btn btn">
34 <span>更多推荐</span>
35 </view>
36 <!-- <view class="btn">
37 <span class="t1 iconfont iconhome"></span> 38 <span class="t1 iconfont iconhome"></span>
38 <span>返回首页</span> 39 <span>回到首页</span>
39 </view> --> 40 </view>
40 </view> 41 </view>
41 </view> 42 </view>
42 <!-- 功能区小标题 -->
43 <view class="fc-tit">超有创意的全家福，看了你也想拍！</view>
44 <!-- 广告 --> 43 <!-- 广告 -->
45 <!-- 装饰物 --> 44 <!-- 装饰物 -->
46 <view class="decoration"> 45 <view class="decoration">
......
...@@ -19,23 +19,18 @@ ...@@ -19,23 +19,18 @@
19 height: 0px; 19 height: 0px;
20 } 20 }
21 21
22 .content {
23 position: relative;
24 padding-top: 24px;
25
26 }
27
28 .banner { 22 .banner {
29 position: relative; 23 position: relative;
24 line-height: 140px;
30 25
31 .swiper { 26 .swiper {
32 width: $contentWidth; 27 width: 750px;
33 height: 320px; 28 height: 280px;
34 margin: 0 auto; 29 margin: 0 auto;
35 30
36 .swiper-image { 31 .swiper-image {
37 width: $contentWidth; 32 width: 750px;
38 height: 320px; 33 height: 280px;
39 } 34 }
40 } 35 }
41 36
...@@ -57,12 +52,21 @@ ...@@ -57,12 +52,21 @@
57 } 52 }
58 } 53 }
59 54
55 .content {
56 position: relative;
57 padding-top: 10px;
58
59 }
60
60 .list { 61 .list {
61 position: relative; 62 position: relative;
62 margin: 0 auto; 63 margin: 0 auto;
63 width: $contentWidth; 64 width: $contentWidth;
64 65
65 &-item { 66 &-item {
67 // @extend .shadow;
68 box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.6);
69 @include border-top-radius(16px);
66 position: relative; 70 position: relative;
67 background-color: #ffffff; 71 background-color: #ffffff;
68 border-radius: 16px; 72 border-radius: 16px;
...@@ -75,8 +79,10 @@ ...@@ -75,8 +79,10 @@
75 width: $contentWidth; 79 width: $contentWidth;
76 background-color: #dddddd; 80 background-color: #dddddd;
77 81
78 .img{ 82 .img {
79 width: $contentWidth; 83 width: $contentWidth;
84 height: 320px;
85 @include border-top-radius(16px);
80 } 86 }
81 87
82 .vid { 88 .vid {
...@@ -86,7 +92,7 @@ ...@@ -86,7 +92,7 @@
86 } 92 }
87 93
88 .tit { 94 .tit {
89 font-size: 34px; 95 font-size: 40px;
90 height: 80px; 96 height: 80px;
91 line-height: 80px; 97 line-height: 80px;
92 color: #ffffff; 98 color: #ffffff;
...@@ -95,31 +101,40 @@ ...@@ -95,31 +101,40 @@
95 position: absolute; 101 position: absolute;
96 width: 100%; 102 width: 100%;
97 bottom: 0; 103 bottom: 0;
98 background-color: rgba($color: #000000, $alpha: 0.6); 104 background-color: rgba($color: #000000, $alpha: 0.5);
99 @include border-top-radius(8px); 105 @include border-top-radius(8px);
100 @include ellipsis(1); 106 @include ellipsis(1);
101 107
102 } 108 }
103 109
104 .iconfont { 110 .play {
105 font-size: 160px; 111 @extend .fcc;
112 width: 132px;
113 height: 132px;
114 border-radius: 132px;
106 font-weight: normal; 115 font-weight: normal;
107 position: absolute; 116 position: absolute;
108 left: 0; 117 left: 0;
109 right: 0; 118 right: 0;
110 top: 160px; 119 top: 72px;
111 margin: 0 auto; 120 margin: 0 auto;
112 text-align: center; 121 text-align: center;
113 font-weight: bold; 122 font-weight: bold;
114 // color: #efefef; 123 background-color: rgba($color: #000000, $alpha: 0.7);
115 color: #ffffff; 124
125 .iconfont {
126 font-size: 48px;
127 color: #ffffff;
128 margin-left: 12px;
129 }
116 } 130 }
131
117 } 132 }
118 133
119 &-func { 134 &-func {
120 @extend .bb; 135 @extend .bb;
121 padding: 24px 24px; 136 padding: 12px 24px;
122 height: 120px; 137 // height: 120px;
123 display: flex; 138 display: flex;
124 justify-content: space-between; 139 justify-content: space-between;
125 align-items: center; 140 align-items: center;
...@@ -176,4 +191,3 @@ ...@@ -176,4 +191,3 @@
176 border-width: 0; 191 border-width: 0;
177 } 192 }
178 } 193 }
179
......
...@@ -9,33 +9,35 @@ ...@@ -9,33 +9,35 @@
9 <van-tab wx:for="{{tabList}}" wx:key="{{index}}" title="{{item.tabName}}"></van-tab> 9 <van-tab wx:for="{{tabList}}" wx:key="{{index}}" title="{{item.tabName}}"></van-tab>
10 </van-tabs> 10 </van-tabs>
11 </van-sticky> 11 </van-sticky>
12 <view class="content"> 12 <view class="banner" wx:if="{{bannerList && bannerList.length>0}}">
13 <view class="banner" wx:if="{{bannerList && bannerList.length>0}}"> 13 <swiper bindchange="onBannerChangeHandler" class="swiper" indicator-color="rgba(0,0,0,.3)" indicator-active-color="rgba(255,255,255,1)" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{5000}}" duration="{{500}}">
14 <swiper bindchange="onBannerChangeHandler" class="swiper" indicator-color="rgba(0,0,0,.3)" indicator-active-color="rgba(255,255,255,1)" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{5000}}" duration="{{500}}"> 14 <block wx:for="{{bannerList}}" wx:key="{{index}}">
15 <block wx:for="{{bannerList}}" wx:key="{{index}}"> 15 <swiper-item>
16 <swiper-item> 16 <image bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="swiper-image" src="{{item.imageUrl}}" mode="aspectFill" />
17 <image bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="swiper-image" src="{{item.imageUrl}}" mode="aspectFill" /> 17 </swiper-item>
18 </swiper-item> 18 </block>
19 </block> 19 </swiper>
20 </swiper> 20 <view wx:if="{{curBanner && curBanner.bannerTitle}}" class="tit">
21 <view wx:if="{{curBanner && curBanner.bannerTitle}}" class="tit"> 21 {{curBanner && curBanner.bannerTitle || ""}}
22 {{curBanner && curBanner.bannerTitle || ""}}
23 </view>
24 <!-- <view class="tit">名字</view> -->
25 </view> 22 </view>
23 <!-- <view class="tit">名字</view> -->
24 </view>
25 <view class="content">
26 <view class="list"> 26 <view class="list">
27 <view wx:for="{{dataList}}" wx:key="index" class="list-item"> 27 <view wx:for="{{dataList}}" wx:key="index" class="list-item">
28 <view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="list-item-video"> 28 <view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="list-item-video">
29 <image class="img" src="{{item.thumbnail}}" mode="aspectFill" /> 29 <image class="img" src="{{item.thumbnail}}" mode="aspectFill" />
30 <view class="tit">{{item.videoName}}</view> 30 <view class="tit">{{item.videoName}}</view>
31 <span class="iconfont iconicon-test16"></span> 31 <div class="play">
32 <span class="iconfont iconplay"></span>
33 </div>
32 </view> 34 </view>
33 <view class="list-item-func"> 35 <view class="list-item-func">
34 <view bindtap="toPersonalList" data-data="{{item}}" data-index="{{index}}" class="user"> 36 <view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="user">
35 <image class="portrait" mode="aspectFill" src="{{item.headImage}}" /> 37 <image class="portrait" mode="aspectFill" src="{{item.headImage}}" />
36 <text class="name">{{item.accountName || ""}}</text> 38 <text class="name">{{item.accountName || ""}}</text>
37 </view> 39 </view>
38 <button class="share ani-scl" open-type="share"> 40 <button class="share" open-type="share">
39 <span class="t1 iconfont iconwechat"></span> 41 <span class="t1 iconfont iconwechat"></span>
40 <span class="t1">分享</span> 42 <span class="t1">分享</span>
41 </button> 43 </button>
......
...@@ -54,6 +54,9 @@ ...@@ -54,6 +54,9 @@
54 width: $contentWidth; 54 width: $contentWidth;
55 55
56 &-item { 56 &-item {
57 // @extend .shadow;
58 box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.6);
59 @include border-top-radius(16px);
57 position: relative; 60 position: relative;
58 background-color: #ffffff; 61 background-color: #ffffff;
59 border-radius: 16px; 62 border-radius: 16px;
...@@ -66,8 +69,10 @@ ...@@ -66,8 +69,10 @@
66 width: $contentWidth; 69 width: $contentWidth;
67 background-color: #dddddd; 70 background-color: #dddddd;
68 71
69 .img{ 72 .img {
70 width: $contentWidth; 73 width: $contentWidth;
74 height: 320px;
75 @include border-top-radius(16px);
71 } 76 }
72 77
73 .vid { 78 .vid {
...@@ -77,7 +82,7 @@ ...@@ -77,7 +82,7 @@
77 } 82 }
78 83
79 .tit { 84 .tit {
80 font-size: 34px; 85 font-size: 40px;
81 height: 80px; 86 height: 80px;
82 line-height: 80px; 87 line-height: 80px;
83 color: #ffffff; 88 color: #ffffff;
...@@ -86,31 +91,40 @@ ...@@ -86,31 +91,40 @@
86 position: absolute; 91 position: absolute;
87 width: 100%; 92 width: 100%;
88 bottom: 0; 93 bottom: 0;
89 background-color: rgba($color: #000000, $alpha: 0.6); 94 background-color: rgba($color: #000000, $alpha: 0.5);
90 @include border-top-radius(8px); 95 @include border-top-radius(8px);
91 @include ellipsis(1); 96 @include ellipsis(1);
92 97
93 } 98 }
94 99
95 .iconfont { 100 .play {
96 font-size: 160px; 101 @extend .fcc;
102 width: 132px;
103 height: 132px;
104 border-radius: 132px;
97 font-weight: normal; 105 font-weight: normal;
98 position: absolute; 106 position: absolute;
99 left: 0; 107 left: 0;
100 right: 0; 108 right: 0;
101 top: 160px; 109 top: 72px;
102 margin: 0 auto; 110 margin: 0 auto;
103 text-align: center; 111 text-align: center;
104 font-weight: bold; 112 font-weight: bold;
105 // color: #efefef; 113 background-color: rgba($color: #000000, $alpha: 0.7);
106 color: #ffffff; 114
115 .iconfont {
116 font-size: 48px;
117 color: #ffffff;
118 margin-left: 12px;
119 }
107 } 120 }
121
108 } 122 }
109 123
110 &-func { 124 &-func {
111 @extend .bb; 125 @extend .bb;
112 padding: 24px 24px; 126 padding: 12px 24px;
113 height: 120px; 127 // height: 120px;
114 display: flex; 128 display: flex;
115 justify-content: space-between; 129 justify-content: space-between;
116 align-items: center; 130 align-items: center;
......
...@@ -9,20 +9,21 @@ ...@@ -9,20 +9,21 @@
9 <image class="portrait" mode="aspectFill" src="{{personInfo.headImage}}" /> 9 <image class="portrait" mode="aspectFill" src="{{personInfo.headImage}}" />
10 </view> 10 </view>
11 <view class="content"> 11 <view class="content">
12 <view class="list"> 12 <view class="list">
13 <view wx:for="{{dataList}}" wx:key="index" class="list-item"> 13 <view wx:for="{{dataList}}" wx:key="index" class="list-item">
14 <view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="list-item-video"> 14 <view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="list-item-video">
15 <view class="tit">{{item.videoName}}</view> --> 15 <image class="img" src="{{item.thumbnail}}" mode="aspectFill" />
16 <image src="{{item.thumbnail}}" mode="aspectFill" />
17 <view class="tit">{{item.videoName}}</view> 16 <view class="tit">{{item.videoName}}</view>
18 <span class="iconfont iconicon-test16"></span> 17 <div class="play">
18 <span class="iconfont iconplay"></span>
19 </div>
19 </view> 20 </view>
20 <view class="list-item-func"> 21 <view class="list-item-func">
21 <view class="user"> 22 <view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="user">
22 <image class="portrait" mode="aspectFill" src="{{personInfo.headImage}}" /> 23 <image class="portrait" mode="aspectFill" src="{{item.headImage}}" />
23 <text class="name">{{personInfo.accountName || ""}}</text> 24 <text class="name">{{item.accountName || ""}}</text>
24 </view> 25 </view>
25 <button class="share ani-scl" open-type="share"> 26 <button class="share" open-type="share">
26 <span class="t1 iconfont iconwechat"></span> 27 <span class="t1 iconfont iconwechat"></span>
27 <span class="t1">分享</span> 28 <span class="t1">分享</span>
28 </button> 29 </button>
......