更新

app.json

@@ -1,9 +1,14 @@
 {
   "pages": [
-    "pages/register/index",
+    "pages/home/index",
+    "pages/my/index",
+    "pages/updatePassword/index",
+    "pages/bank/index",
+    "pages/market/index",
+    "pages/attestation/index",
     "pages/login/index",
+    "pages/register/index",
     "pages/unpassword/index",
-    "pages/home/index",
     "pages/policy/index",
     "pages/policyDetail/index",
     "pages/test/index",

pages/attestation/index.js

@@ -0,0 +1,75 @@
+// pages/attestation/index.js
+const app = getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    nvabarData: {
+      showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
+      title: '企业认证', //导航栏 中间的标题
+      // 此页面 页面内容距最顶部的距离
+      height: app.globalData.height * 2 + 20,
+    },
+  },
+  // 认证信息提交
+  formSubmit: function (e) {
+    console.log('form发生了submit事件，携带数据为：', e.detail.value)
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/attestation/index.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "nav-bar": "/commpents/navbar/navbar"
+  }
+}

pages/attestation/index.wxml

@@ -0,0 +1,82 @@
+<nav-bar navbar-data='{{nvabarData}}'></nav-bar>
+<view class="home">
+	<view class="main">
+		<view class="form">
+			<form bindsubmit="formSubmit" bindreset="formReset">
+				<view class='input-content'>
+					<view class="input-col">
+						<label>统一社会信用代码</label>
+						<input class="one" type='text' name="phone" placeholder='请输入' placeholder-style="color:#888888;"></input>
+					</view>
+					<view class="input-col">
+						<label>法人代表</label>
+						<input class="two" type='text' name="phone" placeholder='请输入' placeholder-style="color:#888888;"></input>
+					</view>
+					<view class="input-col">
+						<label>成立日期</label>
+						<input class="three" type='text' name="phone" placeholder='请输入' placeholder-style="color:#888888;"></input>
+					</view>
+					<view class="input-col">
+						<label>营业到期日期</label>
+						<input class="four" type='text' name="phone" placeholder='请输入' placeholder-style="color:#888888;"></input>
+					</view>
+					<view class="input-col">
+						<label>企业类型</label>
+						<input class="five" type='text' name="phone" placeholder='请输入' placeholder-style="color:#888888;"></input>
+					</view>
+					<view class="input-col">
+						<label>企业名称</label>
+						<input class="six" type='text' name="phone" placeholder='请输入' placeholder-style="color:#888888;"></input>
+					</view>
+					<view class="input-col">
+						<label>注册资本</label>
+						<input class="seven" type='text' name="phone" placeholder='请输入' placeholder-style="color:#888888;"></input>
+					</view>
+					<view class="input-col">
+						<label>资产总额</label>
+						<input class="eight" type='text' name="phone" placeholder='请输入' placeholder-style="color:#888888;"></input>
+					</view>
+					<view class="input-col">
+						<label>营业收入</label>
+						<input class="nine" type='text' name="phone" placeholder='请输入' placeholder-style="color:#888888;"></input>
+					</view>
+					<view class="input-col">
+						<label>从业人员数量</label>
+						<input class="ten" type='text' name="phone" placeholder='请输入' placeholder-style="color:#888888;"></input>
+					</view>
+					<view class="input-col">
+						<label>企业所属类型</label>
+						<input class="eleven" type='text' name="phone" placeholder='请输入' placeholder-style="color:#888888;"></input>
+					</view>
+					<view class="input-col">
+						<label>公司行业</label>
+						<input class="twelve" type='text' name="phone" placeholder='请输入' placeholder-style="color:#888888;"></input>
+					</view>
+					<view class="input-col">
+						<label>企业所属地</label>
+						<input class="thirth" type='text' name="phone" placeholder='请输入' placeholder-style="color:#888888;"></input>
+					</view>
+					<view class="input-col">
+						<label>经营地址</label>
+						<input class="fourth" type='text' name="phone" placeholder='请输入' placeholder-style="color:#888888;"></input>
+					</view>
+					<view class="input-col">
+						<label class="textarea">注册地址</label>
+						<textarea bindblur="bindTextAreaBlur" class="sixth" name="phone" maxlength="500" placeholder="500字以内" placeholder-style="color:#888888;" />
+						</view>
+					<view class="input-col">
+						<label class="textarea">经营范围</label>
+						<textarea bindblur="bindTextAreaBlur" class="sixth" name="phone"  maxlength="500" placeholder="500字以内" placeholder-style="color:#888888;" />
+					</view>
+					<view class="input-col">
+						<label class="textarea">企业简介</label>
+						<textarea required bindblur="bindTextAreaBlur" class="sixth" name="phone" maxlength="500" placeholder="500字以内" placeholder-style="color:#888888;" />
+						</view>
+				</view>
+				<view class="save">
+					<button class='save-btn' form-type="submit">认证</button>
+				</view>
+			</form>
+		</view>
+	</view>
+</view>

pages/attestation/index.wxss

@@ -0,0 +1,124 @@
+.main {
+  float: left;
+  width: 100%;
+}
+
+.main .form {
+  float: left;
+  width: 92%;
+  margin: 0 30rpx;
+
+}
+
+.main .form .input-col {
+  float: left;
+  width: 100%;
+  line-height: 78rpx;
+  margin: 0 0 30rpx 0;
+}
+
+.main .form .input-col label {
+  float: left;
+  margin: 0 20rpx 0 0;
+  font-size: 30rpx;
+  font-family: Source Han Sans SC;
+  font-weight: 400;
+}
+
+.main .form .input-col input {
+  float: left;
+  border: 1px solid #ccc;
+  height: 78rpx;
+  border-radius: 10rpx;
+  padding: 0 0 0 10rpx;
+}
+
+.main .form .input-col .one {
+  width: 61%;
+}
+
+.main .form .input-col .two {
+  width: 78%;
+}
+
+.main .form .input-col .three {
+  width: 78%;
+}
+
+.main .form .input-col .four {
+  width: 69%;
+}
+
+.main .form .input-col .five {
+  width: 78%;
+}
+
+.main .form .input-col .six {
+  width: 78%;
+}
+
+.main .form .input-col .seven {
+  width: 78%;
+}
+
+.main .form .input-col .eight {
+  width: 78%;
+}
+
+.main .form .input-col .nine {
+  width: 78%;
+}
+
+.main .form .input-col .ten {
+  width: 69%;
+}
+
+.main .form .input-col .eleven {
+  width: 69%;
+}
+
+.main .form .input-col .twelve {
+  width: 78%;
+}
+
+.main .form .input-col .thirth {
+  width: 74%;
+}
+
+.main .form .input-col .fourth {
+  width: 78%;
+}
+
+.main .form .input-col .sixth {
+  width: 100%;
+  border: 1px solid #ccc;
+  border-radius: 10rpx;
+  height: 150rpx !important;
+  padding: 0 0 0 10rpx;
+
+}
+
+.main .form .input-col .textarea {
+  width: 100%;
+}
+
+.main .form .save {
+  float: left;
+  width: 100%;
+  height: 88rpx;
+  background: rgba(233, 2, 29, 1);
+  border-radius: 5px;
+  margin: 0 0 30rpx 0;
+
+}
+
+.main .form .save button {
+  padding: 0;
+  float: left;
+  width: 100%;
+  height: 88rpx;
+  line-height: 88rpx;
+  padding: 0;
+  background: transparent;
+  color: #fff;
+}

pages/bank/index.js

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

pages/bank/index.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/bank/index.wxml

@@ -0,0 +1,2 @@
+<!--pages/search/index.wxml-->
+<text>pages/search/index.wxml</text>

pages/bank/index.wxss

@@ -0,0 +1 @@
+/* pages/search/index.wxss */

pages/home/index.js

@@ -76,12 +76,34 @@ Page({
       url: '/pages/policyDetail/index'
     })
   },
+  // 切换菜单
   onChange(event) {
+    console.log(event.detail)
     this.setData({
       active: event.detail
     });
+    if (event.detail == 0) {
+      wx.navigateTo({
+        url: '/pages/home/index'
+      })
+    } else if (event.detail == 1) {
+      wx.navigateTo({
+        url: '/pages/bank/index'
+      })
+    } else if (event.detail == 2) {
+      wx.navigateTo({
+        url: '/pages/market/index'
+      })
+    } else if (event.detail == 3) {
+      wx.navigateTo({
+        url: '/pages/policy/index'
+      })
+    } else if (event.detail == 4) {
+      wx.navigateTo({
+        url: '/pages/my/index'
+      })
+    }
   },
-
   /**
    * 生命周期函数--监听页面加载
    */

pages/home/index.wxml

@@ -1,4 +1,4 @@
-	<nav-bar navbar-data='{{nvabarData}}'></nav-bar>
+	<nav-bar navbar-data='{{nvabarData}}' id="navbar"></nav-bar>
 	<view class="home">
 		<view class="top">
 			<!-- <image src="/pages/images/test.jpg"></image> -->

pages/market/index.js

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

pages/market/index.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/market/index.wxml

@@ -0,0 +1,2 @@
+<!--pages/market/index.wxml-->
+<text>pages/market/index.wxml</text>

pages/market/index.wxss

@@ -0,0 +1 @@
+/* pages/market/index.wxss */

pages/my/index.js

@@ -0,0 +1,121 @@
+// pages/my/index.js
+const app = getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    nvabarData: {
+      showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
+      title: '我的', //导航栏 中间的标题
+    },
+    // 此页面 页面内容距最顶部的距离
+    height: app.globalData.height * 2 + 20,
+    active: 4,
+    icon: {
+      normal: 'https://img.yzcdn.cn/vant/user-inactive.png',
+      active: 'https://img.yzcdn.cn/vant/user-active.png'
+    },
+  },
+  // 切换菜单
+  onChange(event) {
+    console.log(event.detail)
+    this.setData({
+      active: event.detail
+    });
+    if (event.detail == 0) {
+      wx.navigateTo({
+        url: '/pages/home/index'
+      })
+    } else if (event.detail == 1) {
+      wx.navigateTo({
+        url: '/pages/bank/index'
+      })
+    } else if (event.detail == 2) {
+      wx.navigateTo({
+        url: '/pages/market/index'
+      })
+    } else if (event.detail == 3) {
+      wx.navigateTo({
+        url: '/pages/policy/index'
+      })
+    } else if (event.detail == 4) {
+      wx.navigateTo({
+        url: '/pages/my/index'
+      })
+    }
+  },
+  // 企业认证
+  onattestation: function () {
+    wx.navigateTo({
+      url: '/pages/attestation/index'
+    })
+  },
+  // 密码修改
+  onUpdatePass: function () {
+    wx.navigateTo({
+      url: '/pages/updatePassword/index'
+    })
+  },
+  // 退出登录
+  onGoout: function () {
+    console.log('退出登录')
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/my/index.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "nav-bar": "/commpents/navbar/navbar"
+  }
+}

pages/my/index.wxml

@@ -0,0 +1,43 @@
+<nav-bar navbar-data='{{nvabarData}}'></nav-bar>
+<view class="home">
+	<view class="main">
+		<view class="topBtn">
+			<text class="title">需求状态查询</text>
+			<view class="topCLick">
+				<!-- <text>银企对接</text>
+				<text>贷款产品</text>
+				<text>理财产品</text> -->
+				<div>
+					<p>图标</p>
+					<button>银企对接</button>
+				</div>
+				<div>
+					<p>图标</p>
+					<button>银企对接</button>
+				</div>
+				<div>
+					<p>图标</p>
+					<button>银企对接</button>
+				</div>
+			</view>
+		</view>
+		<view class="functBtn">
+			<button bindtap="onattestation">企业认证<span>></span></button>
+			<button bindtap="onUpdatePass">密码修改<span>></span></button>
+			<button bindtap="onGoout">退出登录<span>></span></button>
+		</view>
+	</view>
+	<view class="down">
+		<van-tabbar active="{{ active }}" bind:change="onChange" class="tabber">
+			<van-tabbar-item>
+				<image slot="icon" src="{{ icon.normal }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+				<image slot="icon-active" src="{{ icon.active }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+				首页
+			</van-tabbar-item>
+			<van-tabbar-item icon="search">企业对接</van-tabbar-item>
+			<van-tabbar-item icon="setting-o">金融数字超市</van-tabbar-item>
+			<van-tabbar-item icon="search">政策解读</van-tabbar-item>
+			<van-tabbar-item icon="setting-o">我的</van-tabbar-item>
+		</van-tabbar>
+	</view>
+</view>

pages/my/index.wxss

@@ -0,0 +1,82 @@
+.main {
+  float: left;
+  width: 92%;
+  margin: 0 30rpx;
+}
+
+.main .topBtn {
+  float: left;
+  width: 100%;
+  margin: 0 0 30rpx 0;
+}
+
+.main .topBtn .title {
+  float: left;
+  width: 100%;
+  font-size: 30rpx;
+  font-family: Source Han Sans SC;
+  font-weight: bold;
+  color: rgba(40, 40, 40, 1);
+  margin: 60rpx 0 30rpx 0;
+}
+
+.main .topBtn .topCLick {
+  float: left;
+  width: 93%;
+  height: 217rpx;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0px 5px 20px 0px rgba(233, 237, 244, 1);
+  border-radius: 20px;
+  padding: 50rpx 0 0 50rpx;
+}
+
+.main .topBtn .topCLick div {
+  float: left;
+  width: 118rpx;
+  text-align: center;
+  margin: 0 118rpx 0 0;
+  border: 1px solid red;
+}
+
+.main .topBtn .topCLick div:last-child {
+  margin: 0;
+}
+
+.main .topBtn .topCLick div button {
+  padding: 0;
+  width: 118rpx;
+  font-size: 30rpx;
+  font-family: Source Han Sans SC;
+  font-weight: 400;
+  color: rgba(40, 40, 40, 1);
+  background: transparent;
+}
+
+.main .functBtn {
+  float: left;
+  width: 100%;
+}
+
+.main .functBtn button {
+  float: left;
+  width: 100%;
+  height: 108rpx;
+  line-height: 108rpx;
+  text-align: left;
+  border-bottom: 1px solid #ccc;
+  background: transparent;
+  border-radius: 0;
+  font-size: 30rpx;
+  font-family: Source Han Sans SC;
+  font-weight: 400;
+  color: rgba(40, 40, 40, 1);
+  padding: 0;
+
+}
+
+.main .functBtn button span {
+  float: right;
+  padding: 0 20rpx 0 0;
+  color: #ccc;
+  font-size: 50rpx;
+}

pages/policy/index.js

@@ -191,10 +191,33 @@ Page({
       url: '/pages/policyDetail/index'
     })
   },
+  // 切换菜单
   onChange(event) {
+    console.log(event.detail)
     this.setData({
       active: event.detail
     });
+    if (event.detail == 0) {
+      wx.navigateTo({
+        url: '/pages/home/index'
+      })
+    } else if (event.detail == 1) {
+      wx.navigateTo({
+        url: '/pages/bank/index'
+      })
+    } else if (event.detail == 2) {
+      wx.navigateTo({
+        url: '/pages/market/index'
+      })
+    } else if (event.detail == 3) {
+      wx.navigateTo({
+        url: '/pages/policy/index'
+      })
+    } else if (event.detail == 4) {
+      wx.navigateTo({
+        url: '/pages/my/index'
+      })
+    }
   },
   /**
    * 生命周期函数--监听页面加载

pages/policy/index.wxml

@@ -8,7 +8,7 @@
 		<swiper current="{{currentTab}}" bindchange="swiperTab" style='height:{{widHeight}}'>
 			<swiper-item>
 				<view class="policyLeft">
-					<view class="list" wx:key="unique" wx:for="{{policyList}}" wx:for-item="item">
+					<view class="list" wx:key="unique" wx:for="{{unscrambleList}}" wx:for-item="item">
 						<view bindtap="policyListDetail" id="{{list._id}}">
 							<image src="{{item.pic}}"></image>
 							<view class="info">

pages/register/index.wxml

@@ -12,6 +12,8 @@
 					</view>
 					<view class='input-col'>
 						<input type='number' name="yanzhengma" placeholder='请输入验证码' placeholder-style="color:#888888;"></input>
+						<view class="codeBtn"> 
+						</view>
 					</view>
 					<view class='input-col' style='border-bottom:none'>
 						<input type='text' password name="password" placeholder='请输入8-20位字母数字组合的密码' placeholder-style="color:#888888;"></input>

pages/updatePassword/index.js

@@ -0,0 +1,75 @@
+// pages/updatePassword/index.js
+const app = getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    nvabarData: {
+      showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
+      title: '修改密码', //导航栏 中间的标题
+      // 此页面 页面内容距最顶部的距离
+      height: app.globalData.height * 2 + 20,
+    },
+  },
+  formSubmit: function (e) {
+    console.log('form发生了submit事件，携带数据为：', e.detail.value)
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/updatePassword/index.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "nav-bar": "/commpents/navbar/navbar"
+  }
+}

pages/updatePassword/index.wxml

@@ -0,0 +1,23 @@
+<nav-bar navbar-data='{{nvabarData}}'></nav-bar>
+<view class="home">
+	<view class="main">
+		<view class="form">
+			<form bindsubmit="formSubmit" bindreset="formReset">
+				<view class='input-content'>
+					<view class='input-col' style='border-bottom:none'>
+						<input type='text' password name="password" placeholder='请输入您的密码' placeholder-style="color:#888888;"></input>
+					</view>
+          		<view class='input-col' style='border-bottom:none'>
+						<input type='text' password name="password" placeholder='请输入新密码' placeholder-style="color:#888888;"></input>
+					</view>
+          		<view class='input-col' style='border-bottom:none'>
+						<input type='text' password name="password" placeholder='请再次输入密码' placeholder-style="color:#888888;"></input>
+					</view>
+				</view>
+				<view class="save">
+					<button class='save-btn' form-type="submit">登录</button>
+				</view>
+			</form>
+		</view>
+	</view>
+</view>

pages/updatePassword/index.wxss

@@ -0,0 +1,39 @@
+.main {
+  float: left;
+  width: 88%;
+  height: 100%;
+  margin: 0 50rpx;
+
+}
+
+.main .form {
+  float: left;
+  width: 100%;
+  margin: 70rpx 0 0 0;
+
+}
+
+.main .form input {
+  height: 108rpx;
+  border-bottom: 1px solid #ccc;
+}
+
+.main .form .save {
+  float: left;
+  width: 650rpx;
+  height: 108rpx;
+  background: rgba(233, 2, 29, 1);
+  border-radius: 54px;
+  margin: 100rpx 0 0 0;
+}
+
+.main .form .save button {
+  padding: 0;
+  float: left;
+  width: 100%;
+  height: 108rpx;
+  line-height: 108rpx;
+  padding: 0;
+  background: transparent;
+  color: #fff;
+}