调整首页样式

pages/index/index.acss

@@ -1,9 +1,23 @@
-
+.header{
+  padding-top:.5rem;
+  height:5rem;
+  text-align: center;
+  color:#fafafa;
+  background-image: url(../../lib/icon/headerbg.png);
+  background-size:contain;
+  background-repeat: no-repeat;
+}
+.header-text{
+  padding-top: .3rem;
+  font-weight: bold;
+}
 /* banner */
 .banner{
-    padding-top: 50%;
-    width: 100%;
-    background: #ddd;
+    margin-top: .3rem;
+    padding-top:50%;
+    width: 94%;
+    margin-left: 3%;
+    background:transparent;
     position: relative;
 }
 
@@ -18,6 +32,7 @@
 .banner-swiper-img{
     width: 100%;
     height: 100%;
+    border-radius:3%;
 }
 
 /* 工作台 */
@@ -37,8 +52,8 @@
 
 .grid-icon{
     background: #fafafa;
-    width: 68rpx;
-    height: 68rpx;
+    width: 120rpx;
+    height: 120rpx;
     vertical-align: top;
     margin-bottom: 15rpx;
 }

pages/index/index.axml

@@ -1,11 +1,16 @@
-<!-- banner -->
-<view class="banner">
-  <swiper class="banner-swiper" indicator-dots circular autoplay indicator-color="rgba(0,0,0,.1)" indicator-active-color="#ff6600">
-    <swiper-item a:for="{{adverts}}" a:key="banner">
-      <image class="banner-swiper-img" mode="aspectFill" src="{{item.cover}}"/>
-    </swiper-item>
-  </swiper>
+<view class="header">
+  <view class="header-text">工作台</view>
+  <view class="banner">
+    <swiper class="banner-swiper" indicator-dots circular autoplay indicator-color="rgba(0,0,0,.1)" indicator-active-color="#ff6600">
+      <swiper-item a:for="{{adverts}}" a:key="banner">
+        <image class="banner-swiper-img" mode="aspectFill" src="{{item.cover}}"/>
+      </swiper-item>
+    </swiper>
+  </view>
 </view>
+<!-- banner -->
+
+
 
 <!-- 通知公告 -->
 <notice