Skip to content

dev / home-with-kids-mp

Go to a project
Toggle navigation
Toggle navigation pinning
b61ce41e by simon
Options

no message

1 parent da9a4f1f
Inline Side-by-side
Showing 3 changed files with 11 additions and 5 deletions
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
8 <view class="detail"> 8 <view class="detail">
9 <video objectFit="cover" class="vid" poster="{{detailData.thumbnail}}" src="{{detailData.videoUrl}}" /> 9 <video objectFit="cover" class="vid" poster="{{detailData.thumbnail}}" src="{{detailData.videoUrl}}" />
10 <view class="btn-wrap"> 10 <view class="btn-wrap">
11 <button open-type="share" class=" btn btn2"> 11 <button open-type="share" class="ani-scl btn btn2">
12 <span class="t1 iconfont iconplane"></span> 12 <span class="t1 iconfont iconplane"></span>
13 <span class="t1">分享给好友</span> 13 <span class="t1">分享给好友</span>
14 </button> 14 </button>
......
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
41 41
42 .tit { 42 .tit {
43 position: absolute; 43 position: absolute;
44 bottom: 12px; 44 bottom: 0px;
45 width: 750px; 45 width: 750px;
46 height: 80px; 46 height: 80px;
47 line-height: 80px; 47 line-height: 80px;
...@@ -169,7 +169,7 @@ ...@@ -169,7 +169,7 @@
169 169
170 170
171 .van-tab--active { 171 .van-tab--active {
172 color: #fc464a; 172 color: #fc464a !important;
173 } 173 }
174 174
175 .van-hairline--top-bottom:after { 175 .van-hairline--top-bottom:after {
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 @import '../../assets/scss/utils'; 2 @import '../../assets/scss/utils';
3 3
4 .page { 4 .page {
5 5 $contentWidth: 730px;
6 padding-bottom: $pageBottom; 6 padding-bottom: $pageBottom;
7 7
8 color: #333333; 8 color: #333333;
...@@ -66,6 +66,10 @@ ...@@ -66,6 +66,10 @@
66 width: $contentWidth; 66 width: $contentWidth;
67 background-color: #dddddd; 67 background-color: #dddddd;
68 68
69 .img{
70 width: $contentWidth;
71 }
72
69 .vid { 73 .vid {
70 @include border-top-radius(16px); 74 @include border-top-radius(16px);
71 width: $contentWidth; 75 width: $contentWidth;
...@@ -90,6 +94,7 @@ ...@@ -90,6 +94,7 @@
90 94
91 .iconfont { 95 .iconfont {
92 font-size: 160px; 96 font-size: 160px;
97 font-weight: normal;
93 position: absolute; 98 position: absolute;
94 left: 0; 99 left: 0;
95 right: 0; 100 right: 0;
...@@ -123,12 +128,13 @@ ...@@ -123,12 +128,13 @@
123 .name { 128 .name {
124 padding-left: 24px; 129 padding-left: 24px;
125 font-size: 32px; 130 font-size: 32px;
131
126 @include ellipsis(1); 132 @include ellipsis(1);
127 } 133 }
128 } 134 }
129 135
130 .share { 136 .share {
131 font-size: 30px; 137 font-size: 30px;
132 display: flex; 138 display: flex;
133 justify-content: center; 139 justify-content: center;
134 align-items: center; 140 align-items: center;
......