Commit 155324fb by 梁建民

js

parent fe16b62f
{ {
"pages": [ "pages": [
"pages/login/index", "pages/person/login/index",
"pages/tab/home/home", "pages/person/verifycode/index",
"pages/form/good/index", "pages/tab/home/home",
"pages/tab/good/good", "pages/form/good/index",
"pages/tab/price/price", "pages/tab/good/good",
"pages/form/bj/index", "pages/tab/price/price",
"pages/list/bj/index", "pages/form/bj/index",
"pages/list/xj/index", "pages/list/bj/index",
"pages/tab/message/message", "pages/list/xj/index",
"pages/tab/me/me", "pages/tab/message/message",
"pages/search/index/index", "pages/tab/me/me",
"pages/search/result/index", "pages/search/index/index",
"pages/form/xj/index", "pages/search/result/index",
"pages/detail/good/index", "pages/form/xj/index",
"pages/detail/xj/index", "pages/detail/good/index",
"pages/list/qd/index" "pages/detail/xj/index",
], "pages/list/qd/index",
"window": { "pages/person/auth/index"
"backgroundTextStyle": "light", ],
"navigationBarBackgroundColor": "#fff", "window": {
"navigationBarTitleText": "WeChat", "backgroundTextStyle": "light",
"navigationBarTextStyle": "black" "navigationBarBackgroundColor": "#fff",
}, "navigationBarTitleText": "WeChat",
"tabBar": { "navigationBarTextStyle": "black"
"color": "#8A9299", },
"selectedColor": "#0D84D1", "tabBar": {
"borderStyle": "white", "color": "#8A9299",
"backgroundColor": "#fff", "selectedColor": "#0D84D1",
"list": [ "borderStyle": "white",
{ "backgroundColor": "#fff",
"pagePath": "pages/tab/home/home", "list": [{
"text": "首页", "pagePath": "pages/tab/home/home",
"iconPath": "/res/images/icons/home-icon.png", "text": "首页",
"selectedIconPath": "/res/images/icons/home-icon-act.png" "iconPath": "/res/images/icons/home-icon.png",
}, "selectedIconPath": "/res/images/icons/home-icon-act.png"
{ },
"pagePath": "pages/tab/price/price", {
"text": "询报价", "pagePath": "pages/tab/price/price",
"iconPath": "/res/images/icons/price-icon.png", "text": "询报价",
"selectedIconPath": "/res/images/icons/price-icon-act.png" "iconPath": "/res/images/icons/price-icon.png",
}, "selectedIconPath": "/res/images/icons/price-icon-act.png"
{ },
"pagePath": "pages/tab/message/message", {
"text": "消息", "pagePath": "pages/tab/message/message",
"iconPath": "/res/images/icons/msg-icon.png", "text": "消息",
"selectedIconPath": "/res/images/icons/msg-icon-act.png" "iconPath": "/res/images/icons/msg-icon.png",
}, "selectedIconPath": "/res/images/icons/msg-icon-act.png"
{ },
"pagePath": "pages/tab/good/good", {
"text": "商品", "pagePath": "pages/tab/good/good",
"iconPath": "/res/images/icons/good-icon.png", "text": "商品",
"selectedIconPath": "/res/images/icons/good-icon-act.png" "iconPath": "/res/images/icons/good-icon.png",
}, "selectedIconPath": "/res/images/icons/good-icon-act.png"
{ },
"pagePath": "pages/tab/me/me", {
"text": "我的", "pagePath": "pages/tab/me/me",
"iconPath": "/res/images/icons/me-icon.png", "text": "我的",
"selectedIconPath": "/res/images/icons/me-icon-act.png" "iconPath": "/res/images/icons/me-icon.png",
} "selectedIconPath": "/res/images/icons/me-icon-act.png"
] }
}, ]
"sitemapLocation": "sitemap.json" },
} "sitemapLocation": "sitemap.json"
\ No newline at end of file }
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
</view> </view>
<!-- 授权 --> <!-- 授权 -->
<view class="auth"> <view class="auth">
<view> <view>
<button class="btn-com btn-com-b">一键授权(微信用户资料)</button> <button class="btn-com btn-com-b">一键授权(微信用户资料)</button>
<view class="btn-com btn-com-c">暂不注册,先看看</view> <view class="btn-com btn-com-c">暂不注册,先看看</view>
......
.person {
margin: 0 55rpx;
padding-top: 32rpx;
}
.person .tit {
margin-bottom: 50rpx;
}
.person .tit .t1 {
font-size: 48rpx;
color: #2e3033;
font-weight: 600;
line-height: 67rpx;
}
.person .inp-wrap {
height: 98rpx;
border-bottom: 1px solid #d8dfe6;
padding-left: 10rpx;
}
.person .inp-wrap input {
padding-left: 35rpx;
width: 340rpx;
}
.person .inp-wrap .icon {
color: #adb6bf;
}
.person .inp-wrap .pwd-ico {
padding-left: 50rpx;
}
.person .inp-wrap .vcode {
font-size: 32rpx;
color: #61a0f2;
background: none;
font-weight: 400;
border: 0 !important;
}
.person .inp-wrap .vcode::after {
border: 0 !important;
}
.person .inp-wrap .areacode {
border-left: 1px solid #d8dfe6;
}
.person .inp-wrap .areacode .tel-value {
font-size: 32rpx;
color: #515559;
padding: 7rpx 11rpx 7rpx 16rpx;
}
.person .inp-wrap .areacode .icon {
color: #d8dfe6;
font-size: 26rpx;
}
.person .login-button {
height: 98rpx;
line-height: 98rpx;
background: #0d84d1;
box-shadow: 0px 6rpx 10rpx 0rpx rgba(97, 160, 242, 0.3);
border-radius: 8rpx;
color: #fff;
font-size: 32rpx;
margin-top: 40rpx;
}
.person .bottom {
padding-top: 40rpx;
}
.person .bottom .txt {
font-size: 28rpx;
color: #8a9299;
}
.person .error-wrap {
margin-top: 24rpx;
}
.person .error-wrap .error .iconfont {
color: #ea1717;
}
.person .error-wrap .error .txt {
font-size: 24rpx;
color: #ea1717;
margin-left: 15rpx;
}
.person .error-wrap .forget {
font-size: 28rpx;
color: #61a0f2;
}
/*# sourceMappingURL=index.css.map */
\ No newline at end of file
{"version":3,"sources":["index.less"],"names":[],"mappings":"AAAA;EACC,eAAA;EACA,kBAAA;;AAFD,OAGC;EACC,oBAAA;;AAJF,OAGC,KAEC;EACC,gBAAA;EACA,cAAA;EACA,gBAAA;EACA,kBAAA;;AATH,OAYC;EACC,aAAA;EACA,gCAAA;EACA,mBAAA;;AAfF,OAYC,UAIC;EACC,mBAAA;EACA,aAAA;;AAlBH,OAYC,UAQC;EACC,cAAA;;AArBH,OAYC,UAWC;EACC,mBAAA;;AAxBH,OAYC,UAcC;EACC,gBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EACA,oBAAA;;AACA,OApBF,UAcC,OAME;EACA,oBAAA;;AAjCJ,OAYC,UAwBC;EACC,8BAAA;;AArCH,OAYC,UAwBC,UAEC;EACC,gBAAA;EACA,cAAA;EACA,8BAAA;;AAzCJ,OAYC,UAwBC,UAOC;EACC,cAAA;EACA,gBAAA;;AA7CJ,OAkDC;EACC,aAAA;EACA,kBAAA;EACA,mBAAA;EACA,uDAAA;EACA,mBAAA;EACA,WAAA;EACA,gBAAA;EACA,iBAAA;;AA1DF,OA4DC;EACC,kBAAA;;AA7DF,OA4DC,QAEC;EACC,gBAAA;EACA,cAAA;;AAhEH,OAmEC;EACC,iBAAA;;AApEF,OAmEC,YAEC,OACC;EACC,cAAA;;AAvEJ,OAmEC,YAEC,OAIC;EACC,gBAAA;EACA,cAAA;EACA,kBAAA;;AA5EJ,OAmEC,YAYC;EACC,gBAAA;EACA,cAAA","file":"index.css"}
\ No newline at end of file
// pages/person/login/index.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
{
"usingComponents": {}
}
\ No newline at end of file
.person {
margin: 0 55rpx;
padding-top: 32rpx;
.tit {
margin-bottom: 50rpx;
.t1 {
font-size: 48rpx;
color: #2e3033;
font-weight: 600;
line-height: 67rpx;
}
}
.inp-wrap {
height: 98rpx;
border-bottom: 1px solid #d8dfe6;
padding-left: 10rpx;
input {
padding-left: 35rpx;
width: 340rpx;
}
.icon {
color: #adb6bf;
}
.pwd-ico {
padding-left: 50rpx;
}
.vcode {
font-size: 32rpx;
color: #61a0f2;
background: none;
font-weight: 400;
border: 0 !important;
&::after {
border: 0 !important;
}
}
.areacode {
border-left: 1px solid #d8dfe6;
.tel-value {
font-size: 32rpx;
color: #515559;
padding: 7rpx 11rpx 7rpx 16rpx;
}
.icon {
color: #d8dfe6;
font-size: 26rpx;
}
}
}
.login-button {
height: 98rpx;
line-height: 98rpx;
background: rgba(13, 132, 209, 1);
box-shadow: 0px 6rpx 10rpx 0rpx rgba(97, 160, 242, 0.3);
border-radius: 8rpx;
color: #fff;
font-size: 32rpx;
margin-top: 40rpx;
}
.bottom {
padding-top: 40rpx;
.txt {
font-size: 28rpx;
color: #8a9299;
}
}
.error-wrap {
margin-top: 24rpx;
.error {
.iconfont {
color: #ea1717;
}
.txt {
font-size: 24rpx;
color: #ea1717;
margin-left: 15rpx;
}
}
.forget {
font-size: 28rpx;
color: #61a0f2;
}
}
}
<view class="person">
<view class="column tit">
<text class="t1">Hi,上午好</text>
<text class="t1">欢迎使用IC业务助手!</text>
</view>
<view class="inp-wrap row verCenter">
<text class="icon iconfont iconiconxiantiaoshouji21"></text>
<view class="form-item-right row verCenter bothSide">
<input placeholder="请输入手机号" placeholder-class="placeholderClass"></input>
<view class="areacode" bindtap="switchPrice">
<text class="tel-value">中国 + 86</text>
<text class="icon iconfont iconbianzu1"></text>
</view>
</view>
</view>
<view class="inp-wrap row verCenter">
<text class="icon iconfont iconiconxiantiaoshouji2"></text>
<view class="form-item-right row verCenter bothSide">
<input placeholder="请输入密码" placeholder-class="placeholderClass" class="pwd"></input>
<text class="icon iconfont iconiconxiantiaoshouji4 pwd-ico"></text>
</view>
</view>
<view class="error-wrap row bothSide verCenter">
<view class="error">
<text class="icon iconfont iconiconxiantiaoshouji1"></text>
<text class="txt">密码错误,请重新输入</text>
</view>
<navigator class="forget" url="pages/person/verifycode/index">忘记密码?</navigator>
</view>
<button class="login-button">登录</button>
<view class="bottom row bothSide">
<navigator class="txt" url="/pages/person/verifycode/index">验证码登录</navigator>
<navigator class="txt" url="/pages/person/verifycode/index">注册账户</navigator>
</view>
</view>
.person {
margin: 0 55rpx;
padding-top: 32rpx;
}
.person .tit {
margin-bottom: 50rpx;
}
.person .tit .t1 {
font-size: 48rpx;
color: #2e3033;
font-weight: 600;
line-height: 67rpx;
}
.person .inp-wrap {
height: 98rpx;
border-bottom: 1px solid #d8dfe6;
padding-left: 10rpx;
}
.person .inp-wrap input {
padding-left: 35rpx;
width: 340rpx;
}
.person .inp-wrap .icon {
color: #adb6bf;
}
.person .inp-wrap .pwd-ico {
padding-left: 50rpx;
}
.person .inp-wrap .vcode {
font-size: 32rpx;
color: #61a0f2;
background: none;
font-weight: 400;
border: 0 !important;
}
.person .inp-wrap .vcode::after {
border: 0 !important;
}
.person .inp-wrap .areacode {
border-left: 1px solid #d8dfe6;
}
.person .inp-wrap .areacode .tel-value {
font-size: 32rpx;
color: #515559;
padding: 7rpx 11rpx 7rpx 16rpx;
}
.person .inp-wrap .areacode .icon {
color: #d8dfe6;
font-size: 26rpx;
}
.person .login-button {
height: 98rpx;
line-height: 98rpx;
background: #0d84d1;
box-shadow: 0px 6rpx 10rpx 0rpx rgba(97, 160, 242, 0.3);
border-radius: 8rpx;
color: #fff;
font-size: 32rpx;
margin-top: 40rpx;
}
.person .bottom {
padding-top: 40rpx;
}
.person .bottom .txt {
font-size: 28rpx;
color: #8a9299;
}
.person .error-wrap {
margin-top: 24rpx;
}
.person .error-wrap .error .iconfont {
color: #ea1717;
}
.person .error-wrap .error .txt {
font-size: 24rpx;
color: #ea1717;
margin-left: 15rpx;
}
.person .error-wrap .forget {
font-size: 28rpx;
color: #61a0f2;
}
.person {
margin: 0 55rpx;
padding-top: 32rpx;
}
.person .tit {
margin-bottom: 50rpx;
}
.person .tit .t1 {
font-size: 48rpx;
color: #2e3033;
font-weight: 600;
line-height: 67rpx;
}
.person .inp-wrap {
height: 98rpx;
border-bottom: 1px solid #d8dfe6;
padding-left: 10rpx;
}
.person .inp-wrap input {
padding-left: 35rpx;
width: 340rpx;
}
.person .inp-wrap .icon {
color: #adb6bf;
}
.person .inp-wrap .vcode {
font-size: 32rpx;
color: #61a0f2;
background: none;
font-weight: 400;
border: 0 !important;
}
.person .inp-wrap .vcode::after {
border: 0 !important;
}
.person .inp-wrap .areacode {
border-left: 1px solid #d8dfe6;
}
.person .inp-wrap .areacode .tel-value {
font-size: 32rpx;
color: #515559;
padding: 7rpx 11rpx 7rpx 16rpx;
}
.person .inp-wrap .areacode .icon {
color: #d8dfe6;
font-size: 26rpx;
}
.person .login-button {
height: 98rpx;
line-height: 98rpx;
background: #0d84d1;
box-shadow: 0px 6rpx 10rpx 0rpx rgba(97, 160, 242, 0.3);
border-radius: 8rpx;
color: #fff;
font-size: 32rpx;
margin-top: 40rpx;
}
.person .bottom {
padding-top: 40rpx;
}
.person .bottom .txt {
font-size: 28rpx;
color: #8a9299;
}
.person .error {
margin-top: 24rpx;
}
.person .error .iconfont {
color: #ea1717;
}
.person .error .txt {
font-size: 24rpx;
color: #ea1717;
margin-left: 15rpx;
}
/*# sourceMappingURL=index.css.map */
\ No newline at end of file
{"version":3,"sources":["index.less"],"names":[],"mappings":"AAAA;EACC,eAAA;EACA,kBAAA;;AAFD,OAGC;EACC,oBAAA;;AAJF,OAGC,KAEC;EACC,gBAAA;EACA,cAAA;EACA,gBAAA;EACA,kBAAA;;AATH,OAYC;EACC,aAAA;EACA,gCAAA;EACA,mBAAA;;AAfF,OAYC,UAIC;EACC,mBAAA;EACA,aAAA;;AAlBH,OAYC,UAQC;EACC,cAAA;;AArBH,OAYC,UAWC;EACC,gBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EACA,oBAAA;;AACA,OAjBF,UAWC,OAME;EACA,oBAAA;;AA9BJ,OAYC,UAqBC;EACC,8BAAA;;AAlCH,OAYC,UAqBC,UAEC;EACC,gBAAA;EACA,cAAA;EACA,8BAAA;;AAtCJ,OAYC,UAqBC,UAOC;EACC,cAAA;EACA,gBAAA;;AA1CJ,OA+CC;EACC,aAAA;EACA,kBAAA;EACA,mBAAA;EACA,uDAAA;EACA,mBAAA;EACA,WAAA;EACA,gBAAA;EACA,iBAAA;;AAvDF,OAyDC;EACC,kBAAA;;AA1DF,OAyDC,QAEC;EACC,gBAAA;EACA,cAAA;;AA7DH,OAgEC;EACC,iBAAA;;AAjEF,OAgEC,OAEC;EACC,cAAA;;AAnEH,OAgEC,OAKC;EACC,gBAAA;EACA,cAAA;EACA,kBAAA","file":"index.css"}
\ No newline at end of file
// pages/person/verifycode/index.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
{
"usingComponents": {}
}
\ No newline at end of file
.person {
margin: 0 55rpx;
padding-top: 32rpx;
.tit {
margin-bottom: 50rpx;
.t1 {
font-size: 48rpx;
color: #2e3033;
font-weight: 600;
line-height: 67rpx;
}
}
.inp-wrap {
height: 98rpx;
border-bottom: 1px solid #d8dfe6;
padding-left: 10rpx;
input {
padding-left: 35rpx;
width: 340rpx;
}
.icon {
color: #adb6bf;
}
.vcode {
font-size: 32rpx;
color: #61a0f2;
background: none;
font-weight: 400;
border: 0 !important;
&::after {
border: 0 !important;
}
}
.areacode {
border-left: 1px solid #d8dfe6;
.tel-value {
font-size: 32rpx;
color: #515559;
padding: 7rpx 11rpx 7rpx 16rpx;
}
.icon {
color: #d8dfe6;
font-size: 26rpx;
}
}
}
.login-button {
height: 98rpx;
line-height: 98rpx;
background: rgba(13, 132, 209, 1);
box-shadow: 0px 6rpx 10rpx 0rpx rgba(97, 160, 242, 0.3);
border-radius: 8rpx;
color: #fff;
font-size: 32rpx;
margin-top: 40rpx;
}
.bottom {
padding-top: 40rpx;
.txt {
font-size: 28rpx;
color: #8a9299;
}
}
.error {
margin-top: 24rpx;
.iconfont {
color: #ea1717;
}
.txt {
font-size: 24rpx;
color: #ea1717;
margin-left: 15rpx;
}
}
}
<!-- 验证码登录 -->
<view class="person">
<view class="column tit">
<text class="t1">Hi,上午好</text>
<text class="t1">欢迎使用IC业务助手!</text>
</view>
<view class="inp-wrap row verCenter">
<text class="icon iconfont iconiconxiantiaoshouji21"></text>
<view class="form-item-right row verCenter bothSide">
<input placeholder="请输入手机号" placeholder-class="placeholderClass"></input>
<view class="areacode" bindtap="switchPrice">
<text class="tel-value">中国 + 86</text>
<text class="icon iconfont iconbianzu1"></text>
</view>
</view>
</view>
<view class="inp-wrap row verCenter">
<text class="icon iconfont iconiconxiantiaoshouji"></text>
<view class="form-item-right row verCenter bothSide">
<input placeholder="请输入验证码" placeholder-class="placeholderClass"></input>
<button class="vcode">发送验证码</button>
</view>
</view>
<view class="error">
<text class="icon iconfont iconiconxiantiaoshouji1"></text>
<text class="txt">验证码错误,请重新输入</text>
</view>
<button class="login-button">登录</button>
<view class="bottom row bothSide">
<navigator url="/pages/person/login/index" class="txt">密码登录</navigator>
<navigator url="/pages/person/verifycode/index" class="txt">注册账户</navigator>
</view>
</view>
.person {
margin: 0 55rpx;
padding-top: 32rpx;
}
.person .tit {
margin-bottom: 50rpx;
}
.person .tit .t1 {
font-size: 48rpx;
color: #2e3033;
font-weight: 600;
line-height: 67rpx;
}
.person .inp-wrap {
height: 98rpx;
border-bottom: 1px solid #d8dfe6;
padding-left: 10rpx;
}
.person .inp-wrap input {
padding-left: 35rpx;
width: 340rpx;
}
.person .inp-wrap .icon {
color: #adb6bf;
}
.person .inp-wrap .vcode {
font-size: 32rpx;
color: #61a0f2;
background: none;
font-weight: 400;
border: 0 !important;
}
.person .inp-wrap .vcode::after {
border: 0 !important;
}
.person .inp-wrap .areacode {
border-left: 1px solid #d8dfe6;
}
.person .inp-wrap .areacode .tel-value {
font-size: 32rpx;
color: #515559;
padding: 7rpx 11rpx 7rpx 16rpx;
}
.person .inp-wrap .areacode .icon {
color: #d8dfe6;
font-size: 26rpx;
}
.person .login-button {
height: 98rpx;
line-height: 98rpx;
background: #0d84d1;
box-shadow: 0px 6rpx 10rpx 0rpx rgba(97, 160, 242, 0.3);
border-radius: 8rpx;
color: #fff;
font-size: 32rpx;
margin-top: 40rpx;
}
.person .bottom {
padding-top: 40rpx;
}
.person .bottom .txt {
font-size: 28rpx;
color: #8a9299;
}
.person .error {
margin-top: 24rpx;
}
.person .error .iconfont {
color: #ea1717;
}
.person .error .txt {
font-size: 24rpx;
color: #ea1717;
margin-left: 15rpx;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment