首页样式修改

pages/home/home.json

@@ -4,6 +4,7 @@
     "i-icon": "../../dist/icon/index",
     "i-tag": "../../dist/tag/index"
   },
+  "navigationStyle": "custom",
   "navigationBarTitleText": "首页",
   "navigationBarBackgroundColor": "#3657E8", 
   "navigationBarTextStyle": "white"

pages/home/home.wxml

@@ -1,7 +1,15 @@
 <view class="container">
+  <view class="topnavbarbox">
+    <image src="/images/navbarbg.png" mode="widthFix"></image>
+  </view>
+  <view class="navbartitlebox">农村不动产证书附图查询</view>
   <view class="topcontainer">
-    <image src="/images/redscan.png" mode="widthFix" catchtap="sceneCode"></image>
-    <button size="mini" catchtap="sceneCode" type="primary">扫码查询</button>
+    <image src="/images/bluescan.png" mode="widthFix" catchtap="sceneCode"></image>
+    <view class="btn" catchtap="sceneCode">扫码查询</view>
     <text>请扫描不动产证书上的⼆维码</text>
   </view>
+  <view class="bottombox">
+    <text>管理单位：蒙阴县不动产登记交易中心</text>
+    <text>技术支持：山东慧创信息科技有限公司</text>
+  </view>
 </view>

pages/home/home.wxss

@@ -1,32 +1,70 @@
 /* pages/home/home.wxss */
 .container{
-  padding-bottom: 150rpx;
+  width: 100vw;
+  height: 100vh;
+  background: #F5F5F5;
+}
+.topnavbarbox image{
+  width: 750rpx;
+}
+.navbartitlebox{
+  width: 630rpx;
+  font-family: PingFang SC;
+  font-weight: bold;
+  font-size: 46rpx;
+  color: #FFFFFF;
+  padding-bottom: 22rpx;
+  text-align: center;
+  border-bottom: 2px solid #fff;
+  position: fixed;
+  top: 50%;
+  margin-top: -620rpx;
 }
- 
 .topcontainer{
-  width: 100%;
+  width: 630rpx;
   height: 900rpx;
-  margin-top: 25px;
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  background: #fff;
+  border-radius: 20rpx;
+  position: fixed;
+  top: 50%;
+  margin-top: -450rpx;
 }
 .topcontainer image{
-  width: 35%;
+  width: 256rpx;
 }
-.topcontainer button{
-  margin-top: 80rpx;
+.topcontainer .btn{
+  width: 570rpx;
+  height: 88rpx;
+  line-height: 88rpx;
+  background: linear-gradient(90deg, #00C8F1 0%, #0B59E0 100%);
+  border-radius: 44rpx;
+  font-weight: bold;
+  font-size: 34rpx;
+  color: #FFFFFF;
+  margin-top: 154rpx;
 }
 .topcontainer text{
   width: 90%;
   text-align: center;
-  color: #000;
-  font-size: 16px;
+  color: #999999;
+  font-size: 32rpx;
   word-spacing: 5px;
-  margin-top: 80rpx;
+  margin-top: 38rpx;
+}
+.bottombox{
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 50rpx;
+  font-weight: 400;
+  font-size: 30rpx;
+  color: #999999;
+}
+.bottombox text{
+  margin-top: 10rpx;
 }
-
-