Browse Source

Fix:bangdan page style

qiang 5 years ago
parent
commit
41abaf7921
2 changed files with 9 additions and 8 deletions
  1. 2 2
      pages/index/bangdan/bangdan.wxml
  2. 7 6
      pages/index/bangdan/bangdan.wxss

+ 2 - 2
pages/index/bangdan/bangdan.wxml

@@ -25,7 +25,7 @@
     </view>
   </view>
   <!-- 对应的内容区 -->
-  <view class="content"  wx:for="{{list}}" wx:key="index">
+  <view class="content-item"  wx:for="{{list}}" wx:key="index">
     <view class="indexNumber">
       <view>{{index > 10 ? index : '0'+(index+1)}}</view>
     </view>
@@ -36,7 +36,7 @@
       <view class="count">
         <view style="margin-right:25rpx;">
           <!-- 本例中33.2亿的单位是写死的,此处应该是后端返回数据吧 -->
-          <text class="icon"></text>
+          <text class="icon-video"></text>
           <text class="">33.2亿</text>
         </view>
         <view>

+ 7 - 6
pages/index/bangdan/bangdan.wxss

@@ -63,27 +63,28 @@
 }
 /* 内容区的代码 */
 
-.content {
+.content-item{
   width: 100%;
   display: flex;
   justify-content: space-around;
-  margin-top: 10rpx;
-  padding-top: 30rpx;
+  align-items: center;
+  padding: 20rpx 0rpx;
 }
 
 .indexNumber {
   width: 15%;
   height: auto;
-  padding: 20rpx 20rpx;
+  padding: 20rpx 0rpx;
   text-align: center;
   font-size: 50rpx;
   color: #ff520f;
 }
 
-.content image {
+.content-item image {
   width: 140rpx;
   height: 140rpx;
   margin-top: 10rpx;
+  border-radius: 15rpx;
 }
 
 .content-left {
@@ -91,7 +92,7 @@
   margin-left: 30rpx;
   width: 60%;
   height: auto;
-  border-bottom: 1rpx solid #ccc;
+  border-bottom: 1rpx solid #f1f1f1;
 }
 
 .content-title{