syy

app.json

@@ -21,9 +21,10 @@
     "pages/xunjian/xunjian",
     "pages/xunjiancz/xunjiancz",
     "pages/qianming/qianming",
-    "pages/xunjianmore/xunjianmore"
+    "pages/xunjianmore/xunjianmore",
+    "pages/denglu/denglu"
+   
   ],
-
   "requiredPrivateInfos": [
     "getLocation"
   ],

pages/denglu/denglu.js

@@ -0,0 +1,66 @@
+// pages/denglu/denglu.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/denglu/denglu.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {},
+  "navigationBarBackgroundColor": "#f57c2a",
+  "navigationStyle": "custom",
+  "navigationBarTextStyle": "white"
+}

pages/denglu/denglu.wxml

@@ -0,0 +1,25 @@
+<!--pages/denglu/denglu.wxml-->
+<!-- 自定义顶部栏 -->
+<view class="nav-bar">
+ <image src="../images/top_nav_04.png"  class="nav-bar-img"/>
+<view class="nav-barback" ></view>
+</view>
+<!-- 占位，高度与顶部栏一样 -->
+<view style="height:450rpx;"></view>
+<view class="container">
+<view class="bg">
+  <image src="../images/top_nav_06.png" class="img" mode="widthFix" />
+  <view class="dl_tit">登录</view>
+</view>
+
+  <!-- 中间内容 -->
+  <view class="form_con">
+    <view class="form_vi">
+      <input class="weui-input"  placeholder="请输入用户名"/>
+      <input class="weui-input" password type="text" placeholder="这是一个密码输入框" />
+      <button type="" class="dl_btn">登录</button>
+      <button type="" class="qx_btn">取消</button>
+    </view>
+  </view>
+  <view class="btm_tit">长春市二道应急局</view>
+</view>

pages/denglu/denglu.wxss

@@ -0,0 +1,115 @@
+/* pages/denglu/denglu.wxss */
+page{
+  /* background: linear-gradient(#f94b0e,#fff); */
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+
+}
+.img {
+  width: 100%;
+}
+
+.container{
+  border-radius: 45rpx;
+  display: flex;
+  margin-top: -100rpx;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+/* 导航 */
+.nav-bar {
+  position: fixed;
+  width: 100%;
+  top: 0;
+  color: rgb(255, 255, 255);
+  /* background: rgb(255, 255, 255); */
+  z-index: 10000;
+  height: 160rpx;
+  text-align: center;
+  
+  }
+  .nav-barback{
+    width: 100%;
+  position: relative;
+  top: 0;
+  z-index: 10001;
+  height: 160rpx;
+  line-height: 230rpx;
+  color: #fff;
+  font-size: 38rpx;
+  }
+  .nav-bar-img{
+    width: 100%;
+    height: 100%;
+  }
+  .nav-bar .search {
+  width: 60%;
+  color: #333;
+  font-size: 14px;
+  background: #fff;
+  position: absolute;
+  border-radius: 100px;
+  background: rgb(255, 255, 255);
+  padding-left: 14px;
+  z-index: 10002;
+  }
+ 
+.bg{
+  height: 500rpx;
+  position: absolute;
+  top:0rpx;
+  width: 100%;
+  z-index: -1;
+}
+.bg .img{
+  height: auto;
+  margin-top: 158rpx;
+}
+.dl_tit{
+  font-size: 50rpx;
+  color: #fff;
+  position: absolute;
+  top:230rpx;
+  left: 10%;
+  z-index: 2;
+  font-weight: 500;
+}
+.form_con{
+  background: #fff;
+width: 78%;
+margin: 0px auto;
+border-radius: 30rpx;
+padding: 10% 6% 14% 6%;
+box-shadow: 0rpx 0rpx 16rpx #ffe9e3;
+}
+.form_con input{
+  height: 120rpx;
+  line-height: 120rpx;
+  padding-left: 10rpx;
+  border-bottom: 1px solid rgb(228, 228, 228);
+  margin-bottom: 30rpx;
+}
+.form_con .dl_btn{
+margin-top: 120rpx;
+width: 100%!important;
+border-radius: 50rpx;
+background-color:#f85220 ;
+color: #fff;
+padding: 24rpx 0rpx;
+}
+.form_con .qx_btn{
+  margin-top: 50rpx;
+  width: 100%!important;
+  border-radius: 50rpx;
+  color: rgb(158, 158, 158);
+  padding: 24rpx 0rpx;
+  }
+.btm_tit{
+  font-size: 30rpx;
+  position: fixed;
+  bottom: 10%;
+  color: #a1a1a1;
+}