Browse Source

南岸小程序食堂首页样式修改

zwq 2 years ago
parent
commit
97a471b77a

+ 9 - 7
nngkxxdp/src/main/resources/static/nnzwminiapp/pages/ourCanteen/ourCanteen.wxml

@@ -1,26 +1,28 @@
 <view class="head-bg" style="background-image: url({{imgUrl}}index_bg.png);">
       <view class="navTitle">
         <t-icon name="chevron-left" size="68rpx" data-name="chevron-left"  bind:click="back" />
-        <view class="title" style="float: left;">我们的食堂</view>
+        <view class="title">我们的食堂<view style="width: 48rpx;"></view></view>
       </view>
       <!-- <image style="width:100%;height:100%" mode="scaleToFill" src=""></image> -->
 </view>
 <view class="tab">
       <view class="tab-item {{tab==0?'active':''}}" bindtap="changeItem" data-item="0">
-            <view style="height:90rpx;width:50rpx;display: flex;justify-content:center;align-items:center;">
-                  <image style="width:50rpx;height:50rpx;" src="/pages/images/icon_st.png"></image>
+            <view style="height:90rpx;width:40rpx;display: flex;justify-content:center;align-items:center;">
+                  <image style="width:40rpx;height:40rpx;" src="/pages/images/icon_st.png"></image>
             </view>
             <view style="height:90rpx;padding-left:10rpx">我们的食堂</view>
       </view>
+      <view style="width: 20rpx;"></view>
       <view class="tab-item {{tab==1?'active':''}}" bindtap="changeItem" data-item="1">
-            <view style="height:90rpx;width:50rpx;display: flex;justify-content:center;align-items:center;">
-                  <image style="width:50rpx;height:50rpx;" src="/pages/images/icon_bd.png"></image>
+            <view style="height:90rpx;width:40rpx;display: flex;justify-content:center;align-items:center;">
+                  <image style="width:40rpx;height:40rpx;" src="/pages/images/icon_bd.png"></image>
             </view>
             <view style="height:90rpx;padding-left:10rpx">菜品榜单</view>
       </view>
+      <view style="width: 20rpx;"></view>
       <view class="tab-item {{tab==2?'active':''}}" bindtap="changeItem" data-item="2">
-            <view style="height:90rpx;width:50rpx;display: flex;justify-content:center;align-items:center;">
-                  <image style="width:50rpx;height:50rpx;" src="/pages/images/icon_ts.png"></image>
+            <view style="height:90rpx;width:40rpx;display: flex;justify-content:center;align-items:center;">
+                  <image style="width:40rpx;height:40rpx;" src="/pages/images/icon_ts.png"></image>
             </view>
             <view style="height:90rpx;padding-left:10rpx">提示公告</view>
       </view>

+ 10 - 6
nngkxxdp/src/main/resources/static/nnzwminiapp/pages/ourCanteen/ourCanteen.wxss

@@ -17,25 +17,30 @@ page{
 	align-items: center;
   }
   .navTitle t-icon{
+    margin-top: 25rpx;
 	  width: 48rpx; 
 	  color: #fff;
   }
   .navTitle .title{
-	  width: 600rpx;
-	  font-size: 34rpx;
+    margin-top: 25rpx;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+	  font-size: 38rpx;
 	  font-family: PingFang SC;
 	  color: #FFFFFF;
-	  font-weight: bold;
-	  margin-left: 260rpx;
   }
 
 .tab{
+  padding-left: 20rpx;
+  padding-right: 20rpx;
   height: 8vh;
   display: flex;
+  justify-content: space-between;
 }
 
 .tab-item{
-  flex: 1;
   font-size: 35rpx;
   text-align: center;
   line-height: 90rpx;
@@ -44,7 +49,6 @@ page{
   display: flex;
   justify-content: center;
   flex-direction: row;
-  font-weight: bold;
 }
 
 .tab-item.active{