Skip to content

dev / home-with-kids-mp

Go to a project
Toggle navigation
Toggle navigation pinning
1813dd07 by simon
Options

默认提交

1 parent d472548f
Inline Side-by-side
Showing 7 changed files with 46 additions and 21 deletions
...@@ -105,14 +105,20 @@ ...@@ -105,14 +105,20 @@
105 105
106 .tit { 106 .tit {
107 font-size: 40px; 107 font-size: 40px;
108 min-height: 120px; 108 max-height: 120px;
109 color: #ffffff; 109 color: #ffffff;
110 @extend .bb; 110 padding: 4px 0;
111 padding: 0 24px;
112 position: absolute; 111 position: absolute;
113 width: 100%; 112 width: 100%;
114 bottom: 0; 113 bottom: 0;
115 @include ellipsis(2); 114 @include ellipsis(2);
115
116 .tit-t1{
117 @extend .bb;
118 padding: 0 24px;
119 position: relative;
120 }
121
116 } 122 }
117 123
118 .tit-bg { 124 .tit-bg {
...@@ -128,15 +134,15 @@ ...@@ -128,15 +134,15 @@
128 134
129 .play { 135 .play {
130 @extend .fcc; 136 @extend .fcc;
131 width: 120px; 137 width: 100px;
132 height: 120px; 138 height: 100px;
133 border-radius: 120px; 139 border-radius: 100px;
134 border: solid #ffffff 6px; 140 border: solid #ffffff 6px;
135 font-weight: normal; 141 font-weight: normal;
136 position: absolute; 142 position: absolute;
137 left: 0; 143 left: 0;
138 right: 0; 144 right: 0;
139 top: 32px; 145 top: 48px;
140 margin: 0 auto; 146 margin: 0 auto;
141 text-align: center; 147 text-align: center;
142 font-weight: bold; 148 font-weight: bold;
......
...@@ -27,8 +27,10 @@ ...@@ -27,8 +27,10 @@
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">
30 <view class="tit-bg"></view> 31 <view class="tit-bg"></view>
31 <view class="tit">{{item.videoName}}</view> 32 <view class="tit-t1">{{item.videoName}}</view>
33 </view>
32 <div class="play"> 34 <div class="play">
33 <span class="iconfont iconplay"></span> 35 <span class="iconfont iconplay"></span>
34 </div> 36 </div>
......
...@@ -83,14 +83,20 @@ ...@@ -83,14 +83,20 @@
83 83
84 .tit { 84 .tit {
85 font-size: 40px; 85 font-size: 40px;
86 min-height: 120px; 86 max-height: 120px;
87 color: #ffffff; 87 color: #ffffff;
88 @extend .bb; 88 padding: 4px 0;
89 padding: 0 24px;
90 position: absolute; 89 position: absolute;
91 width: 100%; 90 width: 100%;
92 bottom: 0; 91 bottom: 0;
93 @include ellipsis(2); 92 @include ellipsis(2);
93
94 .tit-t1{
95 @extend .bb;
96 padding: 0 24px;
97 position: relative;
98 }
99
94 } 100 }
95 101
96 .tit-bg { 102 .tit-bg {
...@@ -103,18 +109,17 @@ ...@@ -103,18 +109,17 @@
103 @include border-top-radius(8px); 109 @include border-top-radius(8px);
104 background-image: linear-gradient(to top, #000000, #999999); 110 background-image: linear-gradient(to top, #000000, #999999);
105 } 111 }
106
107 .play { 112 .play {
108 @extend .fcc; 113 @extend .fcc;
109 width: 120px; 114 width: 100px;
110 height: 120px; 115 height: 100px;
111 border-radius: 120px; 116 border-radius: 100px;
112 border: solid #ffffff 6px; 117 border: solid #ffffff 6px;
113 font-weight: normal; 118 font-weight: normal;
114 position: absolute; 119 position: absolute;
115 left: 0; 120 left: 0;
116 right: 0; 121 right: 0;
117 top: 32px; 122 top: 48px;
118 margin: 0 auto; 123 margin: 0 auto;
119 text-align: center; 124 text-align: center;
120 font-weight: bold; 125 font-weight: bold;
......
...@@ -13,8 +13,10 @@ ...@@ -13,8 +13,10 @@
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 <image class="img" src="{{item.thumbnail}}" mode="aspectFill" /> 15 <image class="img" src="{{item.thumbnail}}" mode="aspectFill" />
16 <view class="tit">
16 <view class="tit-bg"></view> 17 <view class="tit-bg"></view>
17 <view class="tit">{{item.videoName}}</view> 18 <view class="tit-t1">{{item.videoName}}</view>
19 </view>
18 <div class="play"> 20 <div class="play">
19 <span class="iconfont iconplay"></span> 21 <span class="iconfont iconplay"></span>
20 </div> 22 </div>
......
...@@ -59,7 +59,7 @@ Page({ ...@@ -59,7 +59,7 @@ Page({
59 }); 59 });
60 }, 60 },
61 onShow() { 61 onShow() {
62 this.checkAuth(); 62 // this.checkAuth();
63 }, 63 },
64 64
65 /** 65 /**
......
...@@ -28,6 +28,15 @@ ...@@ -28,6 +28,15 @@
28 height: 207px; 28 height: 207px;
29 margin: 0 auto; 29 margin: 0 auto;
30 30
31 .ft {
32 font-size: 120px;
33 color: #b91d33;
34 text-align: center;
35 font-weight: bold;
36 height: 207px;
37 line-height: 207px;
38 }
39
31 &-bg { 40 &-bg {
32 text-align: center; 41 text-align: center;
33 position: absolute; 42 position: absolute;
...@@ -71,14 +80,14 @@ ...@@ -71,14 +80,14 @@
71 } 80 }
72 } 81 }
73 82
74 .tips{ 83 .tips {
75 font-size: 28px; 84 font-size: 28px;
76 color: #ffe6a3; 85 color: #ffe6a3;
77 text-align: center; 86 text-align: center;
78 width: 100%; 87 width: 100%;
79 } 88 }
80 89
81 .tips1{ 90 .tips1 {
82 margin-top: 36px; 91 margin-top: 36px;
83 } 92 }
84 93
......
...@@ -6,8 +6,9 @@ ...@@ -6,8 +6,9 @@
6 <view class="top-space"></view> 6 <view class="top-space"></view>
7 <view class="content"> 7 <view class="content">
8 <view class="portrait"> 8 <view class="portrait">
9 <image class="portrait-bg" mode="widthFix" src="../../image/logo.jpeg" /> 9 <!-- <image class="portrait-bg" mode="widthFix" src="../../image/logo.jpeg" /> -->
10 <!-- <open-data class="avatar" type="userAvatarUrl"></open-data> --> 10 <!-- <open-data class="avatar" type="userAvatarUrl"></open-data> -->
11 <view class="ft">赏</view>
11 </view> 12 </view>
12 <view class="tips tips1">赞赏家有儿孙</view> 13 <view class="tips tips1">赞赏家有儿孙</view>
13 <view class="reward"> 14 <view class="reward">
......