Commit 0e6e9130 by 梁建民

css

parent b18b7dc8
...@@ -41,10 +41,10 @@ App({ ...@@ -41,10 +41,10 @@ App({
closed: false, closed: false,
curOpenOpt: {}, curOpenOpt: {},
open(opt) { open(opt) {
wx.showLoading({ /* wx.showLoading({
title: '正在初始化客户端...', title: '正在初始化客户端...',
mask: true mask: true
}) }) */
this.curOpenOpt = opt; this.curOpenOpt = opt;
WebIM.conn.open(opt); WebIM.conn.open(opt);
this.closed = false; this.closed = false;
...@@ -57,6 +57,7 @@ App({ ...@@ -57,6 +57,7 @@ App({
} }
}, },
onLaunch() { onLaunch() {
console.log('初始化');
let me = this; let me = this;
wx.setStorage({ wx.setStorage({
key: "myUsername", key: "myUsername",
...@@ -79,10 +80,10 @@ App({ ...@@ -79,10 +80,10 @@ App({
}); });
}, },
onSocketConnected() { onSocketConnected() {
wx.showToast({ /* wx.showToast({
title: "socket连接成功", title: "socket连接成功",
duration: 2000 duration: 2000
}); }); */
}, },
onClosed() { onClosed() {
wx.showToast({ wx.showToast({
......
{ {
"pages": [ "pages": [
"pages/person/login/index", "pages/person/auth/index",
"pages/person/verifycode/index", "pages/person/login/index",
"pages/tab/home/home", "pages/person/agreement/index",
"pages/form/good/index", "pages/person/successfully/index",
"pages/tab/good/good", "pages/person/register/index",
"pages/tab/price/price", "pages/person/verifycode/index",
"pages/form/bj/index", "pages/tab/home/home",
"pages/list/bj/index", "pages/form/good/index",
"pages/list/xj/index", "pages/tab/good/good",
"pages/tab/message/message", "pages/tab/price/price",
"pages/tab/me/me", "pages/form/bj/index",
"pages/search/index/index", "pages/list/bj/index",
"pages/search/result/index", "pages/list/xj/index",
"pages/form/xj/index", "pages/tab/message/message",
"pages/detail/good/index", "pages/tab/me/me",
"pages/detail/xj/index", "pages/search/index/index",
"pages/list/qd/index", "pages/search/result/index",
"pages/person/auth/index" "pages/form/xj/index",
], "pages/detail/good/index",
"window": { "pages/detail/xj/index",
"backgroundTextStyle": "light", "pages/list/qd/index"
"navigationBarBackgroundColor": "#fff", ],
"navigationBarTitleText": "WeChat", "window": {
"navigationBarTextStyle": "black" "backgroundTextStyle": "light",
}, "navigationBarBackgroundColor": "#fff",
"tabBar": { "navigationBarTitleText": "WeChat",
"color": "#8A9299", "navigationBarTextStyle": "black"
"selectedColor": "#0D84D1", },
"borderStyle": "white", "tabBar": {
"backgroundColor": "#fff", "color": "#8A9299",
"list": [{ "selectedColor": "#0D84D1",
"pagePath": "pages/tab/home/home", "borderStyle": "white",
"text": "首页", "backgroundColor": "#fff",
"iconPath": "/res/images/icons/home-icon.png", "list": [
"selectedIconPath": "/res/images/icons/home-icon-act.png" {
}, "pagePath": "pages/tab/home/home",
{ "text": "首页",
"pagePath": "pages/tab/price/price", "iconPath": "/res/images/icons/home-icon.png",
"text": "询报价", "selectedIconPath": "/res/images/icons/home-icon-act.png"
"iconPath": "/res/images/icons/price-icon.png", },
"selectedIconPath": "/res/images/icons/price-icon-act.png" {
}, "pagePath": "pages/tab/price/price",
{ "text": "询报价",
"pagePath": "pages/tab/message/message", "iconPath": "/res/images/icons/price-icon.png",
"text": "消息", "selectedIconPath": "/res/images/icons/price-icon-act.png"
"iconPath": "/res/images/icons/msg-icon.png", },
"selectedIconPath": "/res/images/icons/msg-icon-act.png" {
}, "pagePath": "pages/tab/message/message",
{ "text": "消息",
"pagePath": "pages/tab/good/good", "iconPath": "/res/images/icons/msg-icon.png",
"text": "商品", "selectedIconPath": "/res/images/icons/msg-icon-act.png"
"iconPath": "/res/images/icons/good-icon.png", },
"selectedIconPath": "/res/images/icons/good-icon-act.png" {
}, "pagePath": "pages/tab/good/good",
{ "text": "商品",
"pagePath": "pages/tab/me/me", "iconPath": "/res/images/icons/good-icon.png",
"text": "我的", "selectedIconPath": "/res/images/icons/good-icon-act.png"
"iconPath": "/res/images/icons/me-icon.png", },
"selectedIconPath": "/res/images/icons/me-icon-act.png" {
} "pagePath": "pages/tab/me/me",
] "text": "我的",
}, "iconPath": "/res/images/icons/me-icon.png",
"sitemapLocation": "sitemap.json" "selectedIconPath": "/res/images/icons/me-icon-act.png"
} }
]
},
"sitemapLocation": "sitemap.json"
}
\ No newline at end of file
// pages/person/agreement/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
<view class="agreement">
<text class="t1">本协议是您与猎芯网(简称"本站",网址:http://www.ichunt.com)所有者(以下简称为"猎芯网")之间就猎芯网服务等相关事宜所订立的契约,请您仔细阅读本注册协议,您点击"下一步"按钮后,本协议即构成对双方有约束力的法律文件。</text>
</view>
\ No newline at end of file
.agreement{
padding: 34rpx 55rpx 0 55rpx;
}
.agreement .t1{
font-size: 26rpx;
color: #8A9299;
line-height:30px;
text-align: justify;
}
\ No newline at end of file
...@@ -13,6 +13,25 @@ Page({ ...@@ -13,6 +13,25 @@ Page({
*/ */
onLoad: function (options) { onLoad: function (options) {
wx.switchTab({
url: '/pages/tab/home/home'
})
// 查看是否授权
wx.getSetting({
success(res) {
console.log(res)
if (res.authSetting['scope.userInfo']) {
// 已经授权,可以直接调用 getUserInfo 获取头像昵称
wx.getUserInfo({
withCredentials:true,
success: function (res) {
console.log(res.userInfo)
}
})
}
}
})
}, },
/** /**
...@@ -62,5 +81,8 @@ Page({ ...@@ -62,5 +81,8 @@ Page({
*/ */
onShareAppMessage: function () { onShareAppMessage: function () {
},
bindGetUserInfo(e) {
console.log(e.detail.userInfo)
} }
}) })
\ No newline at end of file
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<!-- 授权 --> <!-- 授权 -->
<view class="auth"> <view class="auth">
<view> <view>
<button class="btn-com btn-com-b">一键授权(微信用户资料)</button> <button class="btn-com btn-com-b" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">一键授权(微信用户资料)</button>
<view class="btn-com btn-com-c">暂不注册,先看看</view> <view class="btn-com btn-com-c">暂不注册,先看看</view>
</view> </view>
<view class="text-wrap row"> <view class="text-wrap row">
......
...@@ -11,56 +11,72 @@ Page({ ...@@ -11,56 +11,72 @@ Page({
/** /**
* 生命周期函数--监听页面加载 * 生命周期函数--监听页面加载
*/ */
onLoad: function (options) { onLoad: function(options) {
}, },
/** /**
* 生命周期函数--监听页面初次渲染完成 * 生命周期函数--监听页面初次渲染完成
*/ */
onReady: function () { onReady: function() {
wx.login({
success(res) {
console.log(res)
if (res.code) {
//发起网络请求
} else {
console.log('登录失败!' + res.errMsg)
}
}
})
}, },
/** /**
* 生命周期函数--监听页面显示 * 生命周期函数--监听页面显示
*/ */
onShow: function () { onShow: function() {
}, },
/** /**
* 生命周期函数--监听页面隐藏 * 生命周期函数--监听页面隐藏
*/ */
onHide: function () { onHide: function() {
}, },
/** /**
* 生命周期函数--监听页面卸载 * 生命周期函数--监听页面卸载
*/ */
onUnload: function () { onUnload: function() {
}, },
/** /**
* 页面相关事件处理函数--监听用户下拉动作 * 页面相关事件处理函数--监听用户下拉动作
*/ */
onPullDownRefresh: function () { onPullDownRefresh: function() {
}, },
/** /**
* 页面上拉触底事件的处理函数 * 页面上拉触底事件的处理函数
*/ */
onReachBottom: function () { onReachBottom: function() {
}, },
/** /**
* 用户点击右上角分享 * 用户点击右上角分享
*/ */
onShareAppMessage: function () { onShareAppMessage: function() {
},
getPhoneNumber(e) {
console.log(e.detail.errMsg)
console.log(e.detail.iv)
console.log(e.detail.encryptedData)
} }
}) })
\ No newline at end of file
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
color: #adb6bf; color: #adb6bf;
} }
.pwd-ico { .pwd-ico {
padding-left: 50rpx; padding-left: 160rpx;
} }
.vcode { .vcode {
font-size: 32rpx; font-size: 32rpx;
...@@ -47,7 +47,6 @@ ...@@ -47,7 +47,6 @@
} }
} }
} }
.login-button { .login-button {
height: 98rpx; height: 98rpx;
line-height: 98rpx; line-height: 98rpx;
...@@ -82,4 +81,8 @@ ...@@ -82,4 +81,8 @@
color: #61a0f2; color: #61a0f2;
} }
} }
.placeholderClass{
color: #ADB6BF;
font-size: 32rpx;
}
} }
<!-- 密码登录 -->
<view class="person"> <view class="person">
<view class="column tit"> <view class="column tit">
<text class="t1">Hi,上午好</text> <text class="t1">Hi,上午好</text>
<text class="t1">欢迎使用IC业务助手!</text> <text class="t1">欢迎使用IC业务助手!</text>
</view> </view>
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">212</button>
<view class="inp-wrap row verCenter"> <view class="inp-wrap row verCenter">
<text class="icon iconfont iconiconxiantiaoshouji21"></text> <text class="icon iconfont iconiconxiantiaoshouji21"></text>
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
color: #adb6bf; color: #adb6bf;
} }
.person .inp-wrap .pwd-ico { .person .inp-wrap .pwd-ico {
padding-left: 50rpx; padding-left: 160rpx;
} }
.person .inp-wrap .vcode { .person .inp-wrap .vcode {
font-size: 32rpx; font-size: 32rpx;
...@@ -80,3 +80,7 @@ ...@@ -80,3 +80,7 @@
font-size: 28rpx; font-size: 28rpx;
color: #61a0f2; color: #61a0f2;
} }
.person .placeholderClass {
color: #ADB6BF;
font-size: 32rpx;
}
// pages/person/register/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: 160rpx;
}
.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;
}
}
}
.register-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;
}
.error-wrap {
margin-top: 24rpx;
.error {
.iconfont {
color: #ea1717;
}
.txt {
font-size: 24rpx;
color: #ea1717;
margin-left: 15rpx;
}
}
.forget {
font-size: 28rpx;
color: #61a0f2;
}
}
.agreement{
margin-top: 40rpx;
text-align: center;
.t1{
font-size: 24rpx;
color: #8A9299;
}
.t2{
font-size: 24rpx;
color: #61A0F2;
}
}
.placeholderClass {
color: #adb6bf;
font-size: 32rpx;
}
}
<!-- 注册 -->
<view class="person">
<view class="column tit">
<text class="t1">Hi,上午好</text>
<text class="t1">欢迎注册账户!</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="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-wrap row bothSide verCenter">
<view class="error">
<text class="icon iconfont iconiconxiantiaoshouji1"></text>
<text class="txt">密码错误,请重新输入</text>
</view>
</view>
<button class="register-button">注册</button>
<view class="agreement">
<text class="t1">点击注册即默认同意</text>
<text class="t2">《IC业务助手用户协议》</text>
</view>
</view>
\ No newline at end of file
.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: 160rpx;
}
.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 .register-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 .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 .agreement {
margin-top: 40rpx;
text-align: center;
}
.person .agreement .t1 {
font-size: 24rpx;
color: #8A9299;
}
.person .agreement .t2 {
font-size: 24rpx;
color: #61A0F2;
}
.person .placeholderClass {
color: #adb6bf;
font-size: 32rpx;
}
// pages/person/successfully/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
{
"navigationBarTitleText": "注册成功",
"navigationBarBackgroundColor": "#0D84D1",
"navigationBarTextStyle": "white",
"backgroundColor": "#0d84d1"
}
.success {
width: 100%;
padding-top: 50rpx;
.img {
width: 480rpx;
height: 346rpx;
}
.tit {
padding-top: 40rpx;
margin-bottom: 120rpx;
font-size: 48rpx;
color: #2e3033;
line-height: 67rpx;
font-weight: 600;
display: block;
}
.btn {
width: 87%;
height: 98rpx;
line-height: 98rpx;
background: rgba(13, 132, 209, 1);
box-shadow: 0px 6px 10px 0px rgba(97, 160, 242, 0.3);
border-radius: 8px;
font-size: 32rpx;
color: #ffffff;
text-align: center;
display: block;
}
.txt {
margin-top: 40rpx;
padding: 0 114rpx;
text-align: center;
.t1 {
font-size: 26rpx;
color: #8a9299;
}
.t2 {
font-size: 26rpx;
color: #61a0f2;
}
}
.skip-text {
margin-top: 100rpx;
font-size: 28rpx;
color: #8A9299;
}
}
<view class="success column rowCenter verCenter">
<cover-image src="/res/images/imgs/success.png" class="img"></cover-image>
<text class="tit">恭喜您,注册成功</text>
<navigator url="/pages/person/login/index" class="btn">资质认证</navigator>
<view class="txt">
<text class="t1">为了保证询报价的真实性,请完成“</text>
<text class="t2">资质认证</text>
<text class="t1">” 否则将影响您的询价和报价业务</text>
</view>
<text class="skip-text">暂不认证,跳过</text>
</view>
.success {
width: 100%;
padding-top: 50rpx;
}
.success .img {
width: 480rpx;
height: 346rpx;
}
.success .tit {
padding-top: 40rpx;
margin-bottom: 120rpx;
font-size: 48rpx;
color: #2e3033;
line-height: 67rpx;
font-weight: 600;
display: block;
}
.success .btn {
width: 87%;
height: 98rpx;
line-height: 98rpx;
background: #0d84d1;
box-shadow: 0px 6px 10px 0px rgba(97, 160, 242, 0.3);
border-radius: 8px;
font-size: 32rpx;
color: #ffffff;
text-align: center;
display: block;
}
.success .txt {
margin-top: 40rpx;
padding: 0 114rpx;
text-align: center;
}
.success .txt .t1 {
font-size: 26rpx;
color: #8a9299;
}
.success .txt .t2 {
font-size: 26rpx;
color: #61a0f2;
}
.success .skip-text {
margin-top: 100rpx;
font-size: 28rpx;
color: #8A9299;
}
.person { .person {
margin: 0 55rpx; margin: 0 55rpx;
padding-top: 32rpx; padding-top: 32rpx;
.tit { .tit {
...@@ -44,7 +44,6 @@ ...@@ -44,7 +44,6 @@
} }
} }
} }
.login-button { .login-button {
height: 98rpx; height: 98rpx;
line-height: 98rpx; line-height: 98rpx;
...@@ -73,4 +72,8 @@ ...@@ -73,4 +72,8 @@
margin-left: 15rpx; margin-left: 15rpx;
} }
} }
.placeholderClass {
color: #adb6bf;
font-size: 32rpx;
}
} }
...@@ -73,3 +73,7 @@ ...@@ -73,3 +73,7 @@
color: #ea1717; color: #ea1717;
margin-left: 15rpx; margin-left: 15rpx;
} }
.person .placeholderClass {
color: #adb6bf;
font-size: 32rpx;
}
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