Commit 0e6e9130 by 梁建民

css

parent b18b7dc8
......@@ -41,10 +41,10 @@ App({
closed: false,
curOpenOpt: {},
open(opt) {
wx.showLoading({
/* wx.showLoading({
title: '正在初始化客户端...',
mask: true
})
}) */
this.curOpenOpt = opt;
WebIM.conn.open(opt);
this.closed = false;
......@@ -57,6 +57,7 @@ App({
}
},
onLaunch() {
console.log('初始化');
let me = this;
wx.setStorage({
key: "myUsername",
......@@ -79,10 +80,10 @@ App({
});
},
onSocketConnected() {
wx.showToast({
/* wx.showToast({
title: "socket连接成功",
duration: 2000
});
}); */
},
onClosed() {
wx.showToast({
......
{
"pages": [
"pages/person/login/index",
"pages/person/verifycode/index",
"pages/tab/home/home",
"pages/form/good/index",
"pages/tab/good/good",
"pages/tab/price/price",
"pages/form/bj/index",
"pages/list/bj/index",
"pages/list/xj/index",
"pages/tab/message/message",
"pages/tab/me/me",
"pages/search/index/index",
"pages/search/result/index",
"pages/form/xj/index",
"pages/detail/good/index",
"pages/detail/xj/index",
"pages/list/qd/index",
"pages/person/auth/index"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
},
"tabBar": {
"color": "#8A9299",
"selectedColor": "#0D84D1",
"borderStyle": "white",
"backgroundColor": "#fff",
"list": [{
"pagePath": "pages/tab/home/home",
"text": "首页",
"iconPath": "/res/images/icons/home-icon.png",
"selectedIconPath": "/res/images/icons/home-icon-act.png"
},
{
"pagePath": "pages/tab/price/price",
"text": "询报价",
"iconPath": "/res/images/icons/price-icon.png",
"selectedIconPath": "/res/images/icons/price-icon-act.png"
},
{
"pagePath": "pages/tab/message/message",
"text": "消息",
"iconPath": "/res/images/icons/msg-icon.png",
"selectedIconPath": "/res/images/icons/msg-icon-act.png"
},
{
"pagePath": "pages/tab/good/good",
"text": "商品",
"iconPath": "/res/images/icons/good-icon.png",
"selectedIconPath": "/res/images/icons/good-icon-act.png"
},
{
"pagePath": "pages/tab/me/me",
"text": "我的",
"iconPath": "/res/images/icons/me-icon.png",
"selectedIconPath": "/res/images/icons/me-icon-act.png"
}
]
},
"sitemapLocation": "sitemap.json"
}
"pages": [
"pages/person/auth/index",
"pages/person/login/index",
"pages/person/agreement/index",
"pages/person/successfully/index",
"pages/person/register/index",
"pages/person/verifycode/index",
"pages/tab/home/home",
"pages/form/good/index",
"pages/tab/good/good",
"pages/tab/price/price",
"pages/form/bj/index",
"pages/list/bj/index",
"pages/list/xj/index",
"pages/tab/message/message",
"pages/tab/me/me",
"pages/search/index/index",
"pages/search/result/index",
"pages/form/xj/index",
"pages/detail/good/index",
"pages/detail/xj/index",
"pages/list/qd/index"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
},
"tabBar": {
"color": "#8A9299",
"selectedColor": "#0D84D1",
"borderStyle": "white",
"backgroundColor": "#fff",
"list": [
{
"pagePath": "pages/tab/home/home",
"text": "首页",
"iconPath": "/res/images/icons/home-icon.png",
"selectedIconPath": "/res/images/icons/home-icon-act.png"
},
{
"pagePath": "pages/tab/price/price",
"text": "询报价",
"iconPath": "/res/images/icons/price-icon.png",
"selectedIconPath": "/res/images/icons/price-icon-act.png"
},
{
"pagePath": "pages/tab/message/message",
"text": "消息",
"iconPath": "/res/images/icons/msg-icon.png",
"selectedIconPath": "/res/images/icons/msg-icon-act.png"
},
{
"pagePath": "pages/tab/good/good",
"text": "商品",
"iconPath": "/res/images/icons/good-icon.png",
"selectedIconPath": "/res/images/icons/good-icon-act.png"
},
{
"pagePath": "pages/tab/me/me",
"text": "我的",
"iconPath": "/res/images/icons/me-icon.png",
"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({
*/
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({
*/
onShareAppMessage: function () {
},
bindGetUserInfo(e) {
console.log(e.detail.userInfo)
}
})
\ No newline at end of file
......@@ -11,7 +11,7 @@
<!-- 授权 -->
<view class="auth">
<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>
<view class="text-wrap row">
......
......@@ -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 @@
color: #adb6bf;
}
.pwd-ico {
padding-left: 50rpx;
padding-left: 160rpx;
}
.vcode {
font-size: 32rpx;
......@@ -47,7 +47,6 @@
}
}
}
.login-button {
height: 98rpx;
line-height: 98rpx;
......@@ -82,4 +81,8 @@
color: #61a0f2;
}
}
.placeholderClass{
color: #ADB6BF;
font-size: 32rpx;
}
}
<!-- 密码登录 -->
<view class="person">
<view class="column tit">
<text class="t1">Hi,上午好</text>
<text class="t1">欢迎使用IC业务助手!</text>
</view>
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">212</button>
<view class="inp-wrap row verCenter">
<text class="icon iconfont iconiconxiantiaoshouji21"></text>
......
......@@ -24,7 +24,7 @@
color: #adb6bf;
}
.person .inp-wrap .pwd-ico {
padding-left: 50rpx;
padding-left: 160rpx;
}
.person .inp-wrap .vcode {
font-size: 32rpx;
......@@ -80,3 +80,7 @@
font-size: 28rpx;
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;
padding-top: 32rpx;
.tit {
......@@ -44,7 +44,6 @@
}
}
}
.login-button {
height: 98rpx;
line-height: 98rpx;
......@@ -73,4 +72,8 @@
margin-left: 15rpx;
}
}
.placeholderClass {
color: #adb6bf;
font-size: 32rpx;
}
}
......@@ -73,3 +73,7 @@
color: #ea1717;
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