commit
b043c0b671
43 changed files with 1438 additions and 0 deletions
@ -0,0 +1,31 @@ |
|||||||
|
/* |
||||||
|
* Eslint config file |
||||||
|
* Documentation: https://eslint.org/docs/user-guide/configuring/
|
||||||
|
* Install the Eslint extension before using this feature. |
||||||
|
*/ |
||||||
|
module.exports = { |
||||||
|
env: { |
||||||
|
es6: true, |
||||||
|
browser: true, |
||||||
|
node: true, |
||||||
|
}, |
||||||
|
ecmaFeatures: { |
||||||
|
modules: true, |
||||||
|
}, |
||||||
|
parserOptions: { |
||||||
|
ecmaVersion: 2018, |
||||||
|
sourceType: 'module', |
||||||
|
}, |
||||||
|
globals: { |
||||||
|
wx: true, |
||||||
|
App: true, |
||||||
|
Page: true, |
||||||
|
getCurrentPages: true, |
||||||
|
getApp: true, |
||||||
|
Component: true, |
||||||
|
requirePlugin: true, |
||||||
|
requireMiniProgram: true, |
||||||
|
}, |
||||||
|
// extends: 'eslint:recommended',
|
||||||
|
rules: {}, |
||||||
|
} |
||||||
@ -0,0 +1,59 @@ |
|||||||
|
// app.js
|
||||||
|
App({ |
||||||
|
onLaunch() { |
||||||
|
// 展示本地存储能力
|
||||||
|
const logs = wx.getStorageSync('logs') || [] |
||||||
|
logs.unshift(Date.now()) |
||||||
|
wx.setStorageSync('logs', logs) |
||||||
|
|
||||||
|
// 登录
|
||||||
|
|
||||||
|
}, |
||||||
|
login(loginInfo){ |
||||||
|
wx.login({ |
||||||
|
success: res => { |
||||||
|
// 发送 res.code 到后台换取 openId, sessionKey, unionId
|
||||||
|
|
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
http(methods,url,params){ |
||||||
|
var header = { |
||||||
|
'content-type': 'application/json', |
||||||
|
'Authorization' : wx.getStorageSync('token') || '' |
||||||
|
}; |
||||||
|
return new Promise((resolve,reject)=>{ |
||||||
|
wx.showLoading({ |
||||||
|
title: '正在加载中...', |
||||||
|
}) |
||||||
|
wx.request({ |
||||||
|
url: this.globalData.baseUrl + url, |
||||||
|
method: methods, |
||||||
|
header: header, |
||||||
|
data: params || {}, |
||||||
|
success: res=> { |
||||||
|
wx.hideLoading(); |
||||||
|
if(!res.data.success && res.data.status == 401){ |
||||||
|
// console.log('登陆失效')
|
||||||
|
wx.navigateTo({ |
||||||
|
url: '/pages/login/index', |
||||||
|
}) |
||||||
|
} |
||||||
|
resolve(res); |
||||||
|
}, |
||||||
|
fail: err=> { |
||||||
|
wx.hideLoading(); |
||||||
|
wx.showToast({ |
||||||
|
title: '服务器错误，请稍后再试！', |
||||||
|
icon : 'none' |
||||||
|
}) |
||||||
|
reject(err) |
||||||
|
} |
||||||
|
}) |
||||||
|
}) |
||||||
|
}, |
||||||
|
globalData: { |
||||||
|
baseURL : 'http://192.168.0.114:8092/api/', |
||||||
|
// baseURL : 'https://cloud.api.cyjyyjy.com/api/',
|
||||||
|
} |
||||||
|
}) |
||||||
@ -0,0 +1,19 @@ |
|||||||
|
{ |
||||||
|
"pages":[ |
||||||
|
|
||||||
|
"pages/home/index", |
||||||
|
"pages/goodsList/index", |
||||||
|
"pages/login/index", |
||||||
|
"pages/goodsDetail/index", |
||||||
|
"pages/companyInfo/index", |
||||||
|
"pages/index/index" |
||||||
|
], |
||||||
|
"window":{ |
||||||
|
"backgroundTextStyle":"light", |
||||||
|
"navigationBarBackgroundColor": "#fff", |
||||||
|
"navigationBarTitleText": "Weixin", |
||||||
|
"navigationBarTextStyle":"black" |
||||||
|
}, |
||||||
|
"style": "v2", |
||||||
|
"sitemapLocation": "sitemap.json" |
||||||
|
} |
||||||
@ -0,0 +1,95 @@ |
|||||||
|
view, |
||||||
|
scroll-view, |
||||||
|
swiper, |
||||||
|
button, |
||||||
|
input, |
||||||
|
textarea, |
||||||
|
label, |
||||||
|
navigator, |
||||||
|
image { |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
image{ |
||||||
|
/* border-radius: 8rpx; */ |
||||||
|
} |
||||||
|
/* layout */ |
||||||
|
.acea-row-nowrap { |
||||||
|
display: flex; |
||||||
|
/* 辅助类 */ |
||||||
|
} |
||||||
|
.acea-row { |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
/* 辅助类 */ |
||||||
|
} |
||||||
|
.acea-row.row-middle,.acea-row-nowrap.row-middle{ |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
.acea-row.row-top,.acea-row-nowrap.row-top { |
||||||
|
align-items: flex-start; |
||||||
|
} |
||||||
|
.acea-row.row-bottom { |
||||||
|
align-items: flex-end; |
||||||
|
} |
||||||
|
.acea-row.row-center,.acea-row-nowrap.row-center { |
||||||
|
justify-content: center; |
||||||
|
} |
||||||
|
.acea-row.row-right,.acea-row-nowrap.row-right { |
||||||
|
justify-content: flex-end; |
||||||
|
} |
||||||
|
.acea-row.row-left,.acea-row-nowrap.row-left { |
||||||
|
justify-content: flex-start; |
||||||
|
} |
||||||
|
.acea-row.row-between,.acea-row-nowrap.row-between { |
||||||
|
justify-content: space-between; |
||||||
|
} |
||||||
|
.acea-row.row-around, .acea-row-nowrap.row-around{ |
||||||
|
justify-content: space-around; |
||||||
|
} |
||||||
|
.acea-row.row-column-around,.acea-row-nowrap.row-column-around { |
||||||
|
flex-direction: column; |
||||||
|
justify-content: space-around; |
||||||
|
} |
||||||
|
.acea-row.row-column { |
||||||
|
flex-direction: column; |
||||||
|
} |
||||||
|
.acea-row.row-column-between,.acea-row-nowrap.row-column-between { |
||||||
|
flex-direction: column; |
||||||
|
justify-content: space-between; |
||||||
|
} |
||||||
|
/* 上下左右垂直居中 */ |
||||||
|
.acea-row.row-center-wrapper,.acea-row-nowrap.row-center-wrapper { |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
} |
||||||
|
/* 上下两边居中对齐 */ |
||||||
|
.acea-row.row-between-wrapper,.acea-row-nowrap.row-between-wrapper { |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
} |
||||||
|
.line1{ |
||||||
|
overflow:hidden; |
||||||
|
text-overflow:ellipsis; |
||||||
|
white-space:nowrap; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
.line2{ |
||||||
|
word-break:break-all; |
||||||
|
display:-webkit-box; |
||||||
|
-webkit-line-clamp:2; |
||||||
|
-webkit-box-orient:vertical; |
||||||
|
overflow:hidden; |
||||||
|
} |
||||||
|
.submit-btn{ |
||||||
|
width: 318rpx; |
||||||
|
height: 68rpx; |
||||||
|
background: linear-gradient(274deg, #EE7F7B 0%, #EB5750 100%); |
||||||
|
border-radius: 34rpx; |
||||||
|
text-align: center; |
||||||
|
line-height: 68rpx; |
||||||
|
font-size: 36rpx; |
||||||
|
color: #fff; |
||||||
|
font-weight: 500; |
||||||
|
margin: 60rpx auto; |
||||||
|
} |
||||||
|
After Width: | Height: | Size: 403 KiB |
|
After Width: | Height: | Size: 91 KiB |
|
After Width: | Height: | Size: 392 KiB |
|
After Width: | Height: | Size: 626 B |
|
After Width: | Height: | Size: 625 KiB |
|
After Width: | Height: | Size: 649 KiB |
|
After Width: | Height: | Size: 531 B |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 653 B |
|
After Width: | Height: | Size: 647 B |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 12 KiB |
@ -0,0 +1,70 @@ |
|||||||
|
// pages/companyInfo/index.js
|
||||||
|
Page({ |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面的初始数据 |
||||||
|
*/ |
||||||
|
data: { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面加载 |
||||||
|
*/ |
||||||
|
onLoad: function (options) { |
||||||
|
|
||||||
|
}, |
||||||
|
toList(){ |
||||||
|
wx.navigateTo({ |
||||||
|
url: '/pages/goodsList/index', |
||||||
|
}) |
||||||
|
}, |
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||||
|
*/ |
||||||
|
onReady: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面显示 |
||||||
|
*/ |
||||||
|
onShow: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面隐藏 |
||||||
|
*/ |
||||||
|
onHide: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面卸载 |
||||||
|
*/ |
||||||
|
onUnload: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||||
|
*/ |
||||||
|
onPullDownRefresh: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面上拉触底事件的处理函数 |
||||||
|
*/ |
||||||
|
onReachBottom: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 用户点击右上角分享 |
||||||
|
*/ |
||||||
|
onShareAppMessage: function () { |
||||||
|
|
||||||
|
} |
||||||
|
}) |
||||||
@ -0,0 +1,4 @@ |
|||||||
|
{ |
||||||
|
"usingComponents": {}, |
||||||
|
"navigationBarTitleText": "公司信息" |
||||||
|
} |
||||||
@ -0,0 +1,22 @@ |
|||||||
|
<!--pages/companyInfo/index.wxml--> |
||||||
|
<view class="companyInfo-page"> |
||||||
|
<view class="top-bg"><image src="../../images/company-info.png"></image></view> |
||||||
|
<view class="content-box"> |
||||||
|
<view class="title-box"> |
||||||
|
<image src="../../images/title1.png"></image> |
||||||
|
</view> |
||||||
|
<view class="introduse-box"> |
||||||
|
<text>深圳市瑞梦思时代科技有限公司，瑞蓢国际集团旗下全资子公司，以能量家居系统、智慧健康睡眠生态系统为主打的核心品牌。当前旗下产品包括“重塑本元”、“吉祥卧”床垫，“少年强”青少年床垫，旅行垫，魔术减负能量背包等。\n</text> |
||||||
|
<text>瑞梦思以“专注每一天，健康每一夜”为目标，为人们研发贯穿生活各方面的能量家居产品，让每个家庭，每个人都能从源头开始防患于未然，远离亚健康，享受真正健康轻松的幸福生活。</text> |
||||||
|
</view> |
||||||
|
<view class="title-box"> |
||||||
|
<image src="../../images/title2.png"></image> |
||||||
|
</view> |
||||||
|
<view class="list-box acea-row row-between"> |
||||||
|
<view class="item"><image src="../../images/jixiang.png" mode="aspectFill"></image></view> |
||||||
|
<view class="item"><image src="../../images/jixiang.png" mode="aspectFill"></image></view> |
||||||
|
<view class="item"><image src="../../images/jixiang.png" mode="aspectFill"></image></view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="submit-btn" bindtap="toList">更多商品</view> |
||||||
|
</view> |
||||||
@ -0,0 +1,48 @@ |
|||||||
|
/* pages/companyInfo/index.wxss */ |
||||||
|
.companyInfo-page{ |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
.top-bg{ |
||||||
|
width: 100%; |
||||||
|
height: 578rpx; |
||||||
|
} |
||||||
|
.top-bg image{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
.content-box{ |
||||||
|
width: 100%; |
||||||
|
padding: 0 40rpx; |
||||||
|
} |
||||||
|
.title-box{ |
||||||
|
width: 100%; |
||||||
|
height: 92rpx; |
||||||
|
} |
||||||
|
.title-box image{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
.introduse-box{ |
||||||
|
padding: 12rpx 0; |
||||||
|
color: #0B204C; |
||||||
|
font-size: 24rpx; |
||||||
|
line-height: 34rpx; |
||||||
|
font-weight: 500; |
||||||
|
text-indent: 1em; |
||||||
|
} |
||||||
|
.list-box{ |
||||||
|
width: 100%; |
||||||
|
margin-top: 32rpx; |
||||||
|
} |
||||||
|
.item{ |
||||||
|
width: 200rpx; |
||||||
|
height: 152rpx; |
||||||
|
} |
||||||
|
.item image{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
border-radius: 8rpx; |
||||||
|
} |
||||||
|
.submit-btn{ |
||||||
|
margin: 60rpx auto; |
||||||
|
} |
||||||
@ -0,0 +1,75 @@ |
|||||||
|
// pages/goodsDetail/index.js
|
||||||
|
Page({ |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面的初始数据 |
||||||
|
*/ |
||||||
|
data: { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面加载 |
||||||
|
*/ |
||||||
|
onLoad: function (options) { |
||||||
|
|
||||||
|
}, |
||||||
|
toHome(){ |
||||||
|
wx.navigateTo({ |
||||||
|
url: '/pages/home/index', |
||||||
|
}) |
||||||
|
}, |
||||||
|
toList(){ |
||||||
|
wx.navigateTo({ |
||||||
|
url: '/pages/goodsList/index', |
||||||
|
}) |
||||||
|
}, |
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||||
|
*/ |
||||||
|
onReady: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面显示 |
||||||
|
*/ |
||||||
|
onShow: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面隐藏 |
||||||
|
*/ |
||||||
|
onHide: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面卸载 |
||||||
|
*/ |
||||||
|
onUnload: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||||
|
*/ |
||||||
|
onPullDownRefresh: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面上拉触底事件的处理函数 |
||||||
|
*/ |
||||||
|
onReachBottom: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 用户点击右上角分享 |
||||||
|
*/ |
||||||
|
onShareAppMessage: function () { |
||||||
|
|
||||||
|
} |
||||||
|
}) |
||||||
@ -0,0 +1,4 @@ |
|||||||
|
{ |
||||||
|
"usingComponents": {}, |
||||||
|
"navigationBarTitleText": "商品详情" |
||||||
|
} |
||||||
@ -0,0 +1,55 @@ |
|||||||
|
<!--pages/goodsDetail/index.wxml--> |
||||||
|
<view class="detail-page"> |
||||||
|
<view class="swiper-box"> |
||||||
|
<swiper> |
||||||
|
<block> |
||||||
|
<swiper-item> |
||||||
|
<view class="swiper-item"> |
||||||
|
<image src="../../images/jixiang.png" mode="widthFix"></image> |
||||||
|
</view> |
||||||
|
</swiper-item> |
||||||
|
</block> |
||||||
|
</swiper> |
||||||
|
</view> |
||||||
|
<view class="goods-info-box acea-row row-between"> |
||||||
|
<view class="info-l-box"> |
||||||
|
<view class="name line1">瑞梦思·布胡斯智能床垫</view> |
||||||
|
<view class="price"><text class="fz20">￥</text>129000-289000</view> |
||||||
|
<view class="old-price">原价：￥<text class="row-line">99999</text></view> |
||||||
|
</view> |
||||||
|
<view class="info-r-box"> |
||||||
|
<view>销量：999+</view> |
||||||
|
<button open-type="share" class="share-btn acea-row row-center-wrapper"> |
||||||
|
<image src="../../images/share.png"></image> |
||||||
|
<text>分享</text> |
||||||
|
</button> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="title-box acea-row row-center row-middle"> |
||||||
|
<view class="row-line"></view> |
||||||
|
<view class="title">产商品情</view> |
||||||
|
<view class="row-line"></view> |
||||||
|
</view> |
||||||
|
<view class="produce-detail"> |
||||||
|
<image src="../../images/jixiang.png" mode="widthFix"></image> |
||||||
|
<image src="../../images/jixiang.png" mode="widthFix"></image> |
||||||
|
<image src="../../images/chongsu.png" mode="widthFix"></image> |
||||||
|
<image src="../../images/chongsu.png" mode="widthFix"></image> |
||||||
|
</view> |
||||||
|
<view class="footer-box acea-row row-between-wrapper"> |
||||||
|
<view class="icons-box acea-row"> |
||||||
|
<view class="home" bindtap="toHome"> |
||||||
|
<image src="../../images/home.png"></image> |
||||||
|
<text>首页</text> |
||||||
|
</view> |
||||||
|
<view class="home" bindtap="toList"> |
||||||
|
<image src="../../images/list.png"></image> |
||||||
|
<text>商品列表</text> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="submit-btn">立即咨询</view> |
||||||
|
</view> |
||||||
|
<view class="mask-box"> |
||||||
|
|
||||||
|
</view> |
||||||
|
</view> |
||||||
@ -0,0 +1,121 @@ |
|||||||
|
/* pages/goodsDetail/index.wxss */ |
||||||
|
.detail-page{ |
||||||
|
min-height: 100vh; |
||||||
|
padding-bottom: 180rpx; |
||||||
|
background: #F7F7F7; |
||||||
|
} |
||||||
|
.swiper-box{ |
||||||
|
width: 100%; |
||||||
|
height: 500rpx; |
||||||
|
} |
||||||
|
.swiper-box swiper{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
.swiper-item image{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.goods-info-box{ |
||||||
|
width: 670rpx; |
||||||
|
height: 216rpx; |
||||||
|
background: #fff; |
||||||
|
border-radius: 12rpx; |
||||||
|
margin: 32rpx auto; |
||||||
|
padding: 24rpx 0 24rpx 24rpx; |
||||||
|
} |
||||||
|
.info-l-box{ |
||||||
|
width: 420rpx; |
||||||
|
} |
||||||
|
.info-l-box .name{ |
||||||
|
color: #202020; |
||||||
|
font-size: 32rpx; |
||||||
|
font-weight: 500; |
||||||
|
} |
||||||
|
.price{ |
||||||
|
font-size: 52rpx; |
||||||
|
color: #EB554D; |
||||||
|
font-weight: 500; |
||||||
|
line-height: 74rpx; |
||||||
|
margin: 8rpx 0; |
||||||
|
} |
||||||
|
.fz20{ |
||||||
|
font-size: 24rpx; |
||||||
|
} |
||||||
|
.old-price{ |
||||||
|
font-size: 24rpx; |
||||||
|
color: #B9B9B9; |
||||||
|
} |
||||||
|
.old-price .row-line{ |
||||||
|
text-decoration: line-through; |
||||||
|
} |
||||||
|
|
||||||
|
.info-r-box{ |
||||||
|
font-size: 24rpx; |
||||||
|
color: #B9B9B9; |
||||||
|
} |
||||||
|
.share-btn{ |
||||||
|
width: 102rpx !important; |
||||||
|
height: 48rpx !important; |
||||||
|
padding: 0; |
||||||
|
margin: 0 !important; |
||||||
|
background: #EB554D; |
||||||
|
border-radius: 28rpx 0px 0px 28rpx; |
||||||
|
font-size: 22rpx; |
||||||
|
color: #fff; |
||||||
|
margin-top: 20rpx !important; |
||||||
|
margin-left: 28rpx !important; |
||||||
|
} |
||||||
|
.share-btn image{ |
||||||
|
width: 23rpx; |
||||||
|
height: 27rpx; |
||||||
|
margin-right: 6rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.title-box{ |
||||||
|
margin: 40rpx auto 44rpx; |
||||||
|
} |
||||||
|
.title-box .row-line{ |
||||||
|
width: 58rpx; |
||||||
|
height: 2rpx; |
||||||
|
background: #000; |
||||||
|
} |
||||||
|
.title-box .title{ |
||||||
|
font-size: 28rpx; |
||||||
|
color: #000; |
||||||
|
margin: 0 18rpx; |
||||||
|
font-weight: 500; |
||||||
|
} |
||||||
|
.produce-detail{ |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
.produce-detail image{ |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.footer-box{ |
||||||
|
width: 100%; |
||||||
|
height: 160rpx; |
||||||
|
background: #fff; |
||||||
|
position: fixed; |
||||||
|
bottom: 0; |
||||||
|
left: 0; |
||||||
|
padding: 38rpx 40rpx 38rpx 92rpx; |
||||||
|
} |
||||||
|
.home{ |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 22rpx; |
||||||
|
color: #202020; |
||||||
|
margin-right: 76rpx; |
||||||
|
} |
||||||
|
.home image{ |
||||||
|
width: 48rpx; |
||||||
|
height: 48rpx; |
||||||
|
} |
||||||
|
.submit-btn{ |
||||||
|
margin: 0; |
||||||
|
} |
||||||
@ -0,0 +1,70 @@ |
|||||||
|
// pages/goodsList/index.js
|
||||||
|
Page({ |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面的初始数据 |
||||||
|
*/ |
||||||
|
data: { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面加载 |
||||||
|
*/ |
||||||
|
onLoad: function (options) { |
||||||
|
|
||||||
|
}, |
||||||
|
toDetail(e){ |
||||||
|
wx.navigateTo({ |
||||||
|
url: '/pages/goodsDetail/index', |
||||||
|
}) |
||||||
|
}, |
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||||
|
*/ |
||||||
|
onReady: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面显示 |
||||||
|
*/ |
||||||
|
onShow: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面隐藏 |
||||||
|
*/ |
||||||
|
onHide: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面卸载 |
||||||
|
*/ |
||||||
|
onUnload: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||||
|
*/ |
||||||
|
onPullDownRefresh: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面上拉触底事件的处理函数 |
||||||
|
*/ |
||||||
|
onReachBottom: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 用户点击右上角分享 |
||||||
|
*/ |
||||||
|
onShareAppMessage: function () { |
||||||
|
|
||||||
|
} |
||||||
|
}) |
||||||
@ -0,0 +1,4 @@ |
|||||||
|
{ |
||||||
|
"usingComponents": {}, |
||||||
|
"navigationBarTitleText": "商品列表" |
||||||
|
} |
||||||
@ -0,0 +1,16 @@ |
|||||||
|
<!--pages/goodsList/index.wxml--> |
||||||
|
<view class="goodsList-page"> |
||||||
|
<view class="goods-list"> |
||||||
|
<view class="goods-item acea-row" wx:for="{{3}}" :key="index" bindtap="toDetail" data-id="id"> |
||||||
|
<image src="../../images/jixiang.png" mode="aspectFill"></image> |
||||||
|
<view class="goods-info"> |
||||||
|
<view class="name line2">瑞梦思·夏季新款独家定制款独家定制智能款独家定制智能智能床垫</view> |
||||||
|
<view class="desc">高级智能床垫·安心休息</view> |
||||||
|
<view class="price"> |
||||||
|
<text class="s-word">￥</text> |
||||||
|
<text>129000</text> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
@ -0,0 +1,48 @@ |
|||||||
|
/* pages/goodsList/index.wxss */ |
||||||
|
.goodsList-page{ |
||||||
|
width: 100%; |
||||||
|
min-height: 100vh; |
||||||
|
background: #F7F7F7; |
||||||
|
} |
||||||
|
.goods-list{ |
||||||
|
width: 100%; |
||||||
|
padding: 40rpx; |
||||||
|
} |
||||||
|
.goods-item{ |
||||||
|
width: 100%; |
||||||
|
height: 226rpx; |
||||||
|
background: #fff; |
||||||
|
border-radius: 12rpx; |
||||||
|
padding: 24rpx 32rpx; |
||||||
|
margin-bottom: 20rpx; |
||||||
|
} |
||||||
|
.goods-item image{ |
||||||
|
width: 178rpx; |
||||||
|
height: 178rpx; |
||||||
|
border-radius: 8rpx; |
||||||
|
margin-right: 32rpx; |
||||||
|
} |
||||||
|
.goods-info{ |
||||||
|
width: calc(100% - 210rpx); |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
justify-content: space-between; |
||||||
|
} |
||||||
|
.name{ |
||||||
|
color: #202020; |
||||||
|
font-size: 28rpx; |
||||||
|
line-height: 40rpx; |
||||||
|
font-weight: 500; |
||||||
|
} |
||||||
|
.desc{ |
||||||
|
font-size: 22rpx; |
||||||
|
color: #a4a4a4; |
||||||
|
} |
||||||
|
.price{ |
||||||
|
font-size: 36rpx; |
||||||
|
color: #EB554D; |
||||||
|
font-weight: 500; |
||||||
|
} |
||||||
|
.price .s-word{ |
||||||
|
font-size: 24rpx; |
||||||
|
} |
||||||
@ -0,0 +1,89 @@ |
|||||||
|
// pages/home/index.js
|
||||||
|
Page({ |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面的初始数据 |
||||||
|
*/ |
||||||
|
data: { |
||||||
|
authorize: false, |
||||||
|
canIUseGetUserProfile: false |
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面加载 |
||||||
|
*/ |
||||||
|
onLoad: function (options) { |
||||||
|
|
||||||
|
}, |
||||||
|
getUserInfoProfile(){ |
||||||
|
wx.getUserProfile({ |
||||||
|
lang: 'zh_CN', |
||||||
|
desc: '需要获取您的信息用来展示', |
||||||
|
success: res => { |
||||||
|
console.log(res) |
||||||
|
uni.showLoading({ |
||||||
|
title: '登录中', |
||||||
|
}) |
||||||
|
|
||||||
|
}, |
||||||
|
}) |
||||||
|
}, |
||||||
|
toDetial(){ |
||||||
|
wx.navigateTo({ |
||||||
|
url: '/pages/goodsDetail/index', |
||||||
|
}) |
||||||
|
}, |
||||||
|
toCompany(){ |
||||||
|
wx.navigateTo({ |
||||||
|
url: '/pages/companyInfo/index', |
||||||
|
}) |
||||||
|
}, |
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||||
|
*/ |
||||||
|
onReady: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面显示 |
||||||
|
*/ |
||||||
|
onShow: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面隐藏 |
||||||
|
*/ |
||||||
|
onHide: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面卸载 |
||||||
|
*/ |
||||||
|
onUnload: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||||
|
*/ |
||||||
|
onPullDownRefresh: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面上拉触底事件的处理函数 |
||||||
|
*/ |
||||||
|
onReachBottom: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 用户点击右上角分享 |
||||||
|
*/ |
||||||
|
onShareAppMessage: function () { |
||||||
|
|
||||||
|
} |
||||||
|
}) |
||||||
@ -0,0 +1,4 @@ |
|||||||
|
{ |
||||||
|
"usingComponents": {}, |
||||||
|
"navigationStyle": "custom" |
||||||
|
} |
||||||
@ -0,0 +1,51 @@ |
|||||||
|
<!--pages/home/index.wxml--> |
||||||
|
<view class="home-page"> |
||||||
|
<view class="top-box"> |
||||||
|
<image src="../../images/index-top.png"></image> |
||||||
|
</view> |
||||||
|
<view class="company-info-box acea-row-nowrap" bindtap="toCompany"> |
||||||
|
<image src="../../images/company-bg.png" class="info-bg"></image> |
||||||
|
<view class="info-box acea-row-nowrap row-between"> |
||||||
|
<image src="../../images/logo.png"></image> |
||||||
|
<view class="introduce-box acea-row row-column-between"> |
||||||
|
<view class="name">深圳市瑞梦思时代科技有限公司</view> |
||||||
|
<view class="desc">瑞蓢国际集团旗下全资子公司，以能量家居系统、智慧健康睡眠生态系统为主打的核心品牌。</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="goods-list-box"> |
||||||
|
<view class="title-box acea-row row-center row-middle"> |
||||||
|
<view class="row-line"></view> |
||||||
|
<view class="title">商品介绍</view> |
||||||
|
<view class="row-line"></view> |
||||||
|
</view> |
||||||
|
<view class="goods-item" bindtap="toDetial"> |
||||||
|
<image src="../../images/jixiang.png" mode="widthFix"></image> |
||||||
|
</view> |
||||||
|
<view class="goods-item"> |
||||||
|
<image src="../../images/chongsu.png" mode="widthFix"></image> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="form-box"> |
||||||
|
<view class="tips-box acea-row row-middle"> |
||||||
|
<image src="../../images/tip-icon.png"></image> |
||||||
|
<text>输入姓名电话立即咨询！</text> |
||||||
|
</view> |
||||||
|
<view class="form"> |
||||||
|
<image src="../../images/company-bg.png" class="info-bg"></image> |
||||||
|
<view class="inp-box"> |
||||||
|
<view class="inp-item acea-row row-middle"> |
||||||
|
<text class="label">您的姓名:</text> |
||||||
|
<input type="text" placeholder="请输入您的姓名" /> |
||||||
|
</view> |
||||||
|
<view class="inp-item acea-row row-middle"> |
||||||
|
<text class="label">您的电话:</text> |
||||||
|
<input type="text" placeholder="请输入您的电话" /> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<button class="submit-btn" wx:if="canIUseGetUserProfile" bindtap="getUserInfoProfile">立即咨询</button> |
||||||
|
<button class="submit-btn" wx:else open-type="getUserInfo" bindtap="getUserInfo">立即咨询</button> |
||||||
|
<view class="submit-btn">立即咨询</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
@ -0,0 +1,124 @@ |
|||||||
|
/* pages/home/index.wxss */ |
||||||
|
|
||||||
|
.top-box{ |
||||||
|
width: 100%; |
||||||
|
height: 874rpx; |
||||||
|
} |
||||||
|
.top-box image{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.company-info-box{ |
||||||
|
width: 670rpx; |
||||||
|
height: 268rpx; |
||||||
|
position: relative; |
||||||
|
margin: -124rpx auto 0; |
||||||
|
} |
||||||
|
.company-info-box .info-bg{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
position: absolute; |
||||||
|
} |
||||||
|
|
||||||
|
.info-box{ |
||||||
|
width: 100%; |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
z-index: 2; |
||||||
|
padding: 44rpx 20rpx 42rpx 40rpx; |
||||||
|
} |
||||||
|
.info-box image{ |
||||||
|
width: 150rpx; |
||||||
|
height: 182rpx; |
||||||
|
} |
||||||
|
.introduce-box{ |
||||||
|
width: 440rpx; |
||||||
|
} |
||||||
|
.introduce-box .name{ |
||||||
|
font-size: 30rpx; |
||||||
|
color: #514E4E; |
||||||
|
font-weight: 600; |
||||||
|
} |
||||||
|
.introduce-box .desc{ |
||||||
|
font-size: 24rpx; |
||||||
|
color: #8A8A8A; |
||||||
|
} |
||||||
|
|
||||||
|
.goods-list-box{ |
||||||
|
width: 100%; |
||||||
|
margin-top: 48rpx; |
||||||
|
} |
||||||
|
.title-box{ |
||||||
|
margin-bottom: 30rpx; |
||||||
|
} |
||||||
|
.row-line{ |
||||||
|
width: 108rpx; |
||||||
|
height: 2rpx; |
||||||
|
background: #959595; |
||||||
|
} |
||||||
|
.title-box .title{ |
||||||
|
font-size: 32rpx; |
||||||
|
color: #959595; |
||||||
|
margin: 0 18rpx; |
||||||
|
font-weight: 500; |
||||||
|
} |
||||||
|
.goods-item{ |
||||||
|
width: 100%; |
||||||
|
margin-bottom: 16rpx; |
||||||
|
} |
||||||
|
.goods-item image{ |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.form-box{ |
||||||
|
width: 100%; |
||||||
|
padding: 80rpx 40rpx; |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
.tips-box{ |
||||||
|
font-size: 24rpx; |
||||||
|
color: #1D1D1D; |
||||||
|
margin-bottom: 32rpx; |
||||||
|
} |
||||||
|
.tips-box image{ |
||||||
|
width: 24.5rpx; |
||||||
|
height: 24.5rpx; |
||||||
|
margin: 2rpx 4rpx 0 0 ; |
||||||
|
} |
||||||
|
.form{ |
||||||
|
width: 100%; |
||||||
|
height: 232rpx; |
||||||
|
font-size: 24rpx; |
||||||
|
color: #1D1D1D; |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
.form .info-bg{ |
||||||
|
width: 100%; |
||||||
|
height: 232rpx; |
||||||
|
position: absolute; |
||||||
|
} |
||||||
|
.inp-box{ |
||||||
|
width: 100%; |
||||||
|
position: absolute; |
||||||
|
z-index: 3; |
||||||
|
padding: 48rpx 130rpx; |
||||||
|
} |
||||||
|
.inp-item{ |
||||||
|
width: 100%; |
||||||
|
height: 50rpx; |
||||||
|
border: 2rpx solid #1D1D1D; |
||||||
|
border-radius: 8rpx; |
||||||
|
padding: 0rpx 30rpx; |
||||||
|
margin-bottom: 40rpx; |
||||||
|
} |
||||||
|
.inp-item input{ |
||||||
|
width: 60%; |
||||||
|
} |
||||||
|
.label{ |
||||||
|
margin-right: 4rpx; |
||||||
|
} |
||||||
|
.submit-btn{ |
||||||
|
width: 318rpx !important; |
||||||
|
padding: 0 !important; |
||||||
|
} |
||||||
@ -0,0 +1,50 @@ |
|||||||
|
// index.js
|
||||||
|
// 获取应用实例
|
||||||
|
const app = getApp() |
||||||
|
|
||||||
|
Page({ |
||||||
|
data: { |
||||||
|
motto: 'Hello World', |
||||||
|
userInfo: {}, |
||||||
|
hasUserInfo: false, |
||||||
|
canIUse: wx.canIUse('button.open-type.getUserInfo'), |
||||||
|
canIUseGetUserProfile: false, |
||||||
|
// canIUseOpenData: wx.canIUse('open-data.type.userAvatarUrl') && wx.canIUse('open-data.type.userNickName' // 如需尝试获取用户信息可改为false
|
||||||
|
canIUseOpenData: false |
||||||
|
}, |
||||||
|
// 事件处理函数
|
||||||
|
bindViewTap() { |
||||||
|
wx.navigateTo({ |
||||||
|
url: '../logs/logs' |
||||||
|
}) |
||||||
|
}, |
||||||
|
onLoad() { |
||||||
|
console.log(wx.getUserProfile) |
||||||
|
if (wx.getUserProfile) { |
||||||
|
this.setData({ |
||||||
|
canIUseGetUserProfile: true |
||||||
|
}) |
||||||
|
} |
||||||
|
}, |
||||||
|
getUserProfile(e) { |
||||||
|
// 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
|
||||||
|
wx.getUserProfile({ |
||||||
|
desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
|
||||||
|
success: (res) => { |
||||||
|
console.log(res) |
||||||
|
this.setData({ |
||||||
|
userInfo: res.userInfo, |
||||||
|
hasUserInfo: true |
||||||
|
}) |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
getUserInfo(e) { |
||||||
|
// 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息
|
||||||
|
console.log(e) |
||||||
|
this.setData({ |
||||||
|
userInfo: e.detail.userInfo, |
||||||
|
hasUserInfo: true |
||||||
|
}) |
||||||
|
} |
||||||
|
}) |
||||||
@ -0,0 +1,23 @@ |
|||||||
|
<!--index.wxml--> |
||||||
|
<view class="container"> |
||||||
|
<view class="userinfo"> |
||||||
|
<block wx:if="{{canIUseOpenData}}"> |
||||||
|
<view class="userinfo-avatar" bindtap="bindViewTap"> |
||||||
|
<open-data type="userAvatarUrl"></open-data> |
||||||
|
</view> |
||||||
|
<open-data type="userNickName"></open-data> |
||||||
|
</block> |
||||||
|
<block wx:elif="{{!hasUserInfo}}"> |
||||||
|
<button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称 </button> |
||||||
|
<button wx:elif="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button> |
||||||
|
<view wx:else> 请使用1.4.4及以上版本基础库 </view> |
||||||
|
</block> |
||||||
|
<block wx:else> |
||||||
|
<image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image> |
||||||
|
<text class="userinfo-nickname">{{userInfo.nickName}}</text> |
||||||
|
</block> |
||||||
|
</view> |
||||||
|
<view class="usermotto"> |
||||||
|
<text class="user-motto">{{motto}}</text> |
||||||
|
</view> |
||||||
|
</view> |
||||||
@ -0,0 +1,19 @@ |
|||||||
|
/**index.wxss**/ |
||||||
|
.userinfo { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
color: #aaa; |
||||||
|
} |
||||||
|
|
||||||
|
.userinfo-avatar { |
||||||
|
overflow: hidden; |
||||||
|
width: 128rpx; |
||||||
|
height: 128rpx; |
||||||
|
margin: 20rpx; |
||||||
|
border-radius: 50%; |
||||||
|
} |
||||||
|
|
||||||
|
.usermotto { |
||||||
|
margin-top: 200px; |
||||||
|
} |
||||||
@ -0,0 +1,167 @@ |
|||||||
|
// pages/login/index.js
|
||||||
|
const app = getApp() |
||||||
|
Page({ |
||||||
|
/** |
||||||
|
* 页面的初始数据 |
||||||
|
*/ |
||||||
|
data: { |
||||||
|
login: false, |
||||||
|
canIUseGetUserProfilefalse: false, |
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面加载 |
||||||
|
*/ |
||||||
|
onLoad: function (options) { |
||||||
|
let userInfo = wx.getStorageSync('userInfo') |
||||||
|
if (wx.getUserProfile) { |
||||||
|
this.setData({ |
||||||
|
canIUseGetUserProfile: true |
||||||
|
}) |
||||||
|
} |
||||||
|
wx.login({ |
||||||
|
success: res => { |
||||||
|
// 发送 res.code 到后台换取 openId, sessionKey, unionId
|
||||||
|
this.setData({ |
||||||
|
code: res.code |
||||||
|
}) |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
setUserInfo(){ |
||||||
|
|
||||||
|
}, |
||||||
|
getUserProfile(e) { |
||||||
|
// 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
|
||||||
|
wx.getUserProfile({ |
||||||
|
desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
|
||||||
|
success: (response) => { |
||||||
|
wx.showLoading({ |
||||||
|
title: '登陆中...', |
||||||
|
}) |
||||||
|
let data = { |
||||||
|
code: this.data.code, |
||||||
|
iv: response.iv, |
||||||
|
encryptedData:response.encryptedData, |
||||||
|
spread: 0, |
||||||
|
login_type: 0 |
||||||
|
} |
||||||
|
app.http('POST','wxapp/auth',data).then( |
||||||
|
result =>{ |
||||||
|
if(result.data.success){ |
||||||
|
wx.hideLoading() |
||||||
|
wx.setStorageSync('token', 'Bearer '+ result.data.data.token) |
||||||
|
wx.setStorageSync('userInfo', result.data.data.user) |
||||||
|
wx.showToast({ |
||||||
|
title: '授权成功！', |
||||||
|
duration: 1500 |
||||||
|
}) |
||||||
|
if(!result.data.data.user.phone){ |
||||||
|
this.setData({ |
||||||
|
login: true |
||||||
|
}) |
||||||
|
} else{ |
||||||
|
setTimeout(()=>{ |
||||||
|
wx.navigateBack({ |
||||||
|
delta: 1, |
||||||
|
}) |
||||||
|
},1500) |
||||||
|
} |
||||||
|
|
||||||
|
} else{ |
||||||
|
wx.showToast({ |
||||||
|
title: result.data.msg, |
||||||
|
icon : 'none' |
||||||
|
}) |
||||||
|
} |
||||||
|
}
|
||||||
|
) |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
getPhoneNumber(e) { |
||||||
|
if(e.detail.errMsg == 'getPhoneNumber:ok'){ |
||||||
|
app.http('post','wxapp/binding', |
||||||
|
{encryptedData: e.detail.encryptedData, |
||||||
|
iv: e.detail.iv |
||||||
|
}).then((res)=>{ |
||||||
|
if(res.data.success){ |
||||||
|
app.getInfo(); |
||||||
|
wx.showToast({ |
||||||
|
title: res.data.msg, |
||||||
|
duration: 1500 |
||||||
|
}) |
||||||
|
setTimeout(()=>{ |
||||||
|
wx.navigateBack({ |
||||||
|
delta: 1, |
||||||
|
}) |
||||||
|
},1500) |
||||||
|
} else{ |
||||||
|
wx.showToast({ |
||||||
|
title: res.data.msg, |
||||||
|
icon: 'none', |
||||||
|
duration: 2000 |
||||||
|
}) |
||||||
|
setTimeout(()=>{ |
||||||
|
wx.navigateBack({ |
||||||
|
delta: 1, |
||||||
|
}) |
||||||
|
},2000) |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
}, |
||||||
|
back(){ |
||||||
|
wx.navigateBack({ |
||||||
|
delta: 1, |
||||||
|
}) |
||||||
|
}, |
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||||
|
*/ |
||||||
|
onReady: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面显示 |
||||||
|
*/ |
||||||
|
onShow: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面隐藏 |
||||||
|
*/ |
||||||
|
onHide: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面卸载 |
||||||
|
*/ |
||||||
|
onUnload: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||||
|
*/ |
||||||
|
onPullDownRefresh: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面上拉触底事件的处理函数 |
||||||
|
*/ |
||||||
|
onReachBottom: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 用户点击右上角分享 |
||||||
|
*/ |
||||||
|
onShareAppMessage: function () { |
||||||
|
|
||||||
|
} |
||||||
|
}) |
||||||
@ -0,0 +1,4 @@ |
|||||||
|
{ |
||||||
|
"usingComponents": {}, |
||||||
|
"navigationBarTitleText": "授权登录" |
||||||
|
} |
||||||
@ -0,0 +1,17 @@ |
|||||||
|
<!--pages/login/index.wxml--> |
||||||
|
<view class="authorization"> |
||||||
|
<open-data class="user-avatar" type="userAvatarUrl"></open-data> |
||||||
|
<open-data class="user-name" type="userNickName"></open-data> |
||||||
|
<view class="login-notice">为了提供更优质的服务，需要您授权基本信息</view> |
||||||
|
<button class="wx-btn" bindtap='getUserProfile' wx:if="{{!login && canIUseGetUserProfile}}"> |
||||||
|
<text>微信授权登录</text> |
||||||
|
</button> |
||||||
|
<button open-type="getPhoneNumber" class="wx-btn" bindgetphonenumber="getPhoneNumber" wx:if="{{login}}"> |
||||||
|
<text>绑定手机号</text> |
||||||
|
</button> |
||||||
|
<view class="login-notice" wx:if="{{!login && !canIUseGetUserProfile}}">请升级微信版本后再授权</view> |
||||||
|
<button class="wx-btn btn" bindtap="back"> |
||||||
|
<text>暂不授权</text> |
||||||
|
</button> |
||||||
|
|
||||||
|
</view> |
||||||
@ -0,0 +1,46 @@ |
|||||||
|
/* pages/login/index.wxss */ |
||||||
|
.authorization { |
||||||
|
height: 100vh; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
box-sizing: border-box; |
||||||
|
padding-top: 190rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.user-avatar { |
||||||
|
width: 192rpx; |
||||||
|
height: 192rpx; |
||||||
|
border-radius: 50%; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
.user-name{ |
||||||
|
margin: 40rpx 0; |
||||||
|
} |
||||||
|
.login-notice{ |
||||||
|
font-size: 28rpx; |
||||||
|
font-weight: 500; |
||||||
|
line-height: 40rpx; |
||||||
|
color: #000; |
||||||
|
padding-bottom: 90rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.authorization .wx-btn { |
||||||
|
width: 640rpx !important; |
||||||
|
height: 86rpx!important; |
||||||
|
background: linear-gradient(274deg, #EE7F7B 0%, #EB5750 100%); |
||||||
|
border-radius: 60rpx!important; |
||||||
|
text-align: center!important; |
||||||
|
line-height: 86rpx!important; |
||||||
|
margin-bottom: 36rpx!important; |
||||||
|
display: flex!important; |
||||||
|
align-items: center!important; |
||||||
|
justify-content: center!important; |
||||||
|
color: #fff; |
||||||
|
font-weight: 500 !important; |
||||||
|
} |
||||||
|
.authorization .btn{ |
||||||
|
background: #fff !important; |
||||||
|
border: 4rpx solid #EE7F7B; |
||||||
|
color: #EE7F7B !important; |
||||||
|
} |
||||||
@ -0,0 +1,74 @@ |
|||||||
|
{ |
||||||
|
"description": "项目配置文件", |
||||||
|
"packOptions": { |
||||||
|
"ignore": [ |
||||||
|
{ |
||||||
|
"type": "file", |
||||||
|
"value": ".eslintrc.js" |
||||||
|
} |
||||||
|
] |
||||||
|
}, |
||||||
|
"setting": { |
||||||
|
"bundle": false, |
||||||
|
"userConfirmedBundleSwitch": false, |
||||||
|
"urlCheck": true, |
||||||
|
"scopeDataCheck": false, |
||||||
|
"coverView": true, |
||||||
|
"es6": true, |
||||||
|
"postcss": true, |
||||||
|
"compileHotReLoad": false, |
||||||
|
"lazyloadPlaceholderEnable": false, |
||||||
|
"preloadBackgroundData": false, |
||||||
|
"minified": true, |
||||||
|
"autoAudits": false, |
||||||
|
"newFeature": false, |
||||||
|
"uglifyFileName": false, |
||||||
|
"uploadWithSourceMap": true, |
||||||
|
"useIsolateContext": true, |
||||||
|
"nodeModules": false, |
||||||
|
"enhance": true, |
||||||
|
"useMultiFrameRuntime": true, |
||||||
|
"useApiHook": true, |
||||||
|
"useApiHostProcess": true, |
||||||
|
"showShadowRootInWxmlPanel": true, |
||||||
|
"packNpmManually": false, |
||||||
|
"enableEngineNative": false, |
||||||
|
"packNpmRelationList": [], |
||||||
|
"minifyWXSS": true, |
||||||
|
"showES6CompileOption": false, |
||||||
|
"minifyWXML": true |
||||||
|
}, |
||||||
|
"compileType": "miniprogram", |
||||||
|
"libVersion": "2.19.4", |
||||||
|
"appid": "wxdb1f3c2997df014a", |
||||||
|
"projectname": "%E7%91%9E%E6%A2%A6%E6%80%9D%E5%B0%8F%E7%A8%8B%E5%BA%8F", |
||||||
|
"debugOptions": { |
||||||
|
"hidedInDevtools": [] |
||||||
|
}, |
||||||
|
"scripts": {}, |
||||||
|
"staticServerOptions": { |
||||||
|
"baseURL": "", |
||||||
|
"servePath": "" |
||||||
|
}, |
||||||
|
"isGameTourist": false, |
||||||
|
"condition": { |
||||||
|
"search": { |
||||||
|
"list": [] |
||||||
|
}, |
||||||
|
"conversation": { |
||||||
|
"list": [] |
||||||
|
}, |
||||||
|
"game": { |
||||||
|
"list": [] |
||||||
|
}, |
||||||
|
"plugin": { |
||||||
|
"list": [] |
||||||
|
}, |
||||||
|
"gamePlugin": { |
||||||
|
"list": [] |
||||||
|
}, |
||||||
|
"miniprogram": { |
||||||
|
"list": [] |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,7 @@ |
|||||||
|
{ |
||||||
|
"desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html", |
||||||
|
"rules": [{ |
||||||
|
"action": "allow", |
||||||
|
"page": "*" |
||||||
|
}] |
||||||
|
} |
||||||
@ -0,0 +1,19 @@ |
|||||||
|
const formatTime = date => { |
||||||
|
const year = date.getFullYear() |
||||||
|
const month = date.getMonth() + 1 |
||||||
|
const day = date.getDate() |
||||||
|
const hour = date.getHours() |
||||||
|
const minute = date.getMinutes() |
||||||
|
const second = date.getSeconds() |
||||||
|
|
||||||
|
return `${[year, month, day].map(formatNumber).join('/')} ${[hour, minute, second].map(formatNumber).join(':')}` |
||||||
|
} |
||||||
|
|
||||||
|
const formatNumber = n => { |
||||||
|
n = n.toString() |
||||||
|
return n[1] ? n : `0${n}` |
||||||
|
} |
||||||
|
|
||||||
|
module.exports = { |
||||||
|
formatTime |
||||||
|
} |
||||||
Loading…
Reference in new issue