Compare commits

..

2 Commits

Author SHA1 Message Date
f0caee68b9 [隐藏价格] 2023-08-12 14:37:05 +08:00
c5012782ff 锶源昆仑商城 2023-07-22 18:58:47 +08:00
228 changed files with 10746 additions and 0 deletions

Submodule 亿时代项目/bsmall added at 05d3b56fa7

View File

@@ -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: {},
}

View File

@@ -0,0 +1,54 @@
/**
* 处理错误信息
* @property {Object} errInfo
*/
const errInfo = (obj) =>{
if(obj.status_code == 401){
wx.showModal({
title : "登录提示",
content : "长时间未操作,登录已过期,请重新登录",
showCancel : false,
confirmColor: "#0b0041",
confirmText : "确定",
success : ()=>{
// 清理客户端登录缓存
wx.removeStorageSync("token")
// 返回首页
wx.redirectTo({
url: "/pages/login/index",
})
}
})
}else if(obj.status_code == 422){
wx.showToast({
title: obj.message,
icon : "none"
})
}else if(obj.status_code == 400 || obj.status_code == 0){
wx.showToast({
title: obj.message,
icon : "none"
})
}else if(obj.status_code == 404){
wx.showToast({
title: "接口地址不存在,请联系系统管理员",
icon : "none"
})
}else if(obj.status_code == 500){
wx.showToast({
title: "服务端:" + obj.message,
icon : "none"
})
}else {
wx.showToast({
title: "code:" + obj.status_code + ", msg:" + obj.message,
icon : "none"
})
}
}
module.exports = {
errInfo
}

View File

@@ -0,0 +1,35 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
// 授权登录
import auth from "./interfaces/auth"
// 图片上传
import file from "./interfaces/file"
// 首页
import index from "./interfaces/index"
// 商城
import mall from "./interfaces/mall"
// 会员
import member from "./interfaces/member"
// 库存
import stock from "./interfaces/stock"
// 我的
import user from "./interfaces/user"
export default {
auth,
file,
index,
mall,
member,
stock,
user
}

View File

@@ -0,0 +1,31 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
import { req } from "../request"
//验证码登录
const smsAuth = data => req({
url: "user/auth/sms",
method: "POST",
data: data
})
//获取验证码
const getSms = data => req({
url: "user/auth/verify",
method: "POST",
data: data
})
//隐私+协议
const registeragree = (website) => req({
url: "cms/pages/" + website
})
export default ({
smsAuth,
getSms,
registeragree
})

View File

@@ -0,0 +1,17 @@
/*
* 图图片上传公用接口
*/
import { upload } from "../request"
//图上传
const uploadImg = (imgPaht, data) => upload({
url: "storage/upload",
method: "POST",
key: "upload",
path: imgPaht,
data: data
})
export default ({
uploadImg
})

View File

@@ -0,0 +1,46 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
import { req } from "../request"
// 商城首页
const home = () => req({
url: "mall"
})
// 文章-列表
const articlesList = (data) => req({
url: "cms/articles",
data: data
})
// 文章-详情
const articlesSee = (article_id) => req({
url: "cms/articles/" + article_id
})
// 文章-分类
const articlesClass = () => req({
url: "cms/categories"
})
// 文章-收藏
const articlesFavorite = (article_id) => req({
url: "cms/articles/favorite/" + article_id
})
// 文章-点赞
const articlesSubscribe = (article_id) => req({
url: "cms/articles/subscribe/" + article_id
})
export default ({
home,
articlesList,
articlesSee,
articlesClass,
articlesFavorite,
articlesSubscribe
})

View File

@@ -0,0 +1,49 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
import {req} from "../request"
//商城首页
const index = () => req({url: "mall"})
//商品详情
const goodsShow = (goods) => req({url: "mall/goods/" + goods})
//创建订单
const foundOrder = (data) => req({url: "mall/buy/goods", data: data})
//确认订单
const affirmOrder = (data) => req({url: "mall/buy/goods", method: 'POST', data: data})
//水滴支付
const affirmPay = (order_no, data) => req({url: "mall/pay/" + order_no + "/score", method: 'POST', data: data})
//文章详情
const articlesSee = (article_id) => req({url: "cms/articles/" + article_id})
// //文章列表
const articlesList = (data) => req({url: "cms/articles", data: data})
//收藏
const favorite = (article_id) => req({url: "cms/articles/favorite/" + article_id})
//点赞
const subscribe = (article_id) => req({url: "cms/articles/subscribe/" + article_id})
//文章列表-全部分类
const classifysAll = () => req({url: "cms/categories"})
//文章列表-全部
const favorites = (data) => req({url: "cms/articles", data: data})
export default({
index,
goodsShow,
foundOrder,
affirmOrder,
affirmPay,
articlesSee,
articlesList,
favorite,
subscribe,
classifysAll,
favorites
})

View File

@@ -0,0 +1,63 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
import { req } from "../request"
// 会员开通-前置
const openSee = (identity) => req({
url: "user/identities/" + identity
})
// 会员开通-取可开通身份内容
const identitieSee = (identity_id) => req({
url: "user/identities/create/" + identity_id
})
// 会员开通-提交
const openIndex = (identity_id, data) => req({
url: "user/identities/create/" + identity_id,
method: 'POST',
data: data
})
// 会员开通-展示
const openModel = () => req({
url: "user/identities"
})
// 会员开通-获取升级单信息
const orderSee = (order_id) => req({
url: "user/identities/order/" + order_id
})
// 会员开通-编辑凭证
const orderSubmit = (order_id, data) => req({
url: "user/identities/order/" + order_id,
method: 'POST',
data: data
})
// 获取小程序openid
const openid = (data) => req({
url: "user/auth/mini_openid",
data: data
})
// 微信支付-商品
const wechatPay = (order_no, data) => req({
url: "mall/pay/" + order_no + "/wechat",
data: data
})
export default ({
openSee,
identitieSee,
openIndex,
openModel,
orderSee,
orderSubmit,
openid,
wechatPay
})

View File

@@ -0,0 +1,65 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
import { req } from "../request"
// 提货-前置
const pick = () => req({
url: "user/stock/pick"
})
// 提货-列表记录
const list = (data) => req({
url: "user/stock",
data: data
})
// 提货-账变记录
const logs = (data) => req({
url: "user/stock/logs",
data: data
})
// 提货-提交
const pickTake = (data) => req({
url: "user/stock/pick",
method: 'POST',
data: data
})
// 地址-列表
const siteList = () => req({
url: "mall/addresses"
})
// 地址-新增
const siteAdd = (data) => req({
url: "mall/addresses",
method: 'POST',
data: data
})
// 地址-删除
const siteDel = (address) => req({
url: "mall/addresses/" + address,
method: 'DELETE'
})
// 地址-省市区获取
const create = (data) => req({
url: "mall/addresses/create",
data: data
})
export default ({
pick,
list,
logs,
pickTake,
siteList,
siteAdd,
siteDel,
create
})

View File

@@ -0,0 +1,90 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
import { req } from "../request"
//首页
const home = () => req({
url: "user"
})
// 我的推广码
const invite = () => req({
url: "user/invite"
})
//任务列表
const taskList = (data) => req({
url: "tasks",
data: data
})
//任务分类
const taskIndex = () => req({
url: "tasks/categories"
})
//上传头像
const setting = (key,data) => req({
url: "user/setting/" + key,
method: 'PUT',
data: data
})
//小程序码
const miniShare = (data) => req({
url: "user/mini_share",
data: data
})
//我的收藏
const favorites = (data) => req({
url: "user/favorites",
data: data
})
//产品中心-分类
const mallCategories = (data) => req({
url: "mall/categories",
data: data
})
//产品中心-列表
const mallGoods = (data) => req({
url: "mall/goods",
data: data
})
//订单
const orders = (data) => req({
url: "mall/orders",
data: data
})
//订单详情
const goodsDet = (order_no) => req({
url: "mall/orders/" + order_no
})
//订单签收
const goodsSign = (order_no) => req({
url: "mall/orders/" + order_no + "/sign",
method: 'PUT'
})
export default ({
home,
invite,
taskList,
taskIndex,
setting,
miniShare,
favorites,
mallCategories,
mallGoods,
orders,
goodsDet,
goodsSign
})

View File

@@ -0,0 +1,139 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
import {errInfo} from './err'
import {updToken} from './updateToken'
// 请求方式配置
// https://apitest.siyuankunlun.com //测试地址
// https://api.siyuankunlun.com //正式地址
// wxecf8786d25af47b3 正式appid
// const api = "https://apitest.siyuankunlun.com/api/"
const api = "https://api.siyuankunlun.com/api/"
const header = {
"Accept" : "application/json"
}
let isToken = true
/**
* 请求
* @property {Object} req
*/
const req = (obj, noToken) => {
// 检查是否无需要token
if(noToken != undefined){
isToken = noToken
}
// header
if(obj.token){
header.Authorization = obj.token || ''
} else {
header.Authorization = wx.getStorageSync("token") || ""
}
// 处理请求信息
return new Promise((resolve, reject) => {
// 组合header
obj.header = {
"Accept" : "application/json",
"Authorization" : wx.getStorageSync("token") || ""
}
if(!isToken){
obj.header.Authorization = ''
}
wx.request({
url : api + obj.url,
header : obj.header || {},
method : obj.method || 'GET',
data : obj.data || {},
success : res => {
// 更新token
if (res.header.Authorization) updToken(res.header.Authorization)
// 处理信息
if (res.data.status_code == 200) {
resolve(res.data)
} else {
if (res.data.status_code == 401 || res.data.status_code == 400) {
reject({
login : false,
codeBeen: false
})
}
errInfo(res.data)
}
},
fail: err => {
console.log(err)
wx.showToast({
title : err.errMsg,
icon : "none"
})
reject(err)
},
complete(){
if(!isToken) isToken = true
}
})
})
}
/**
* 上传
* @property {Object} upload
*/
const upload = (obj) => {
// header
header.Authorization = wx.getStorageSync("token") || ""
// 处理上传信息
return new Promise((resolve, reject) => {
wx.showLoading({
title: "上传中..",
mask: true
})
wx.uploadFile({
url : api + obj.url,
header : header,
name : obj.key || "",
filePath: obj.path || "",
formData: obj.data || {},
success : res=>{
wx.hideLoading();
// 处理返回值
let jsonData = JSON.parse(res.data)
// 更新token
if (res.header.Authorization) updToken(res.header.Authorization)
// 处理信息
if (jsonData.status_code == 200) {
resolve(jsonData.data)
} else {
if (jsonData.status_code == 401) {
reject({
login: false
})
}
errInfo(jsonData)
}
},
fail : err=>{
wx.showToast({
title : err.errMsg,
icon : "none"
})
reject(err)
}
})
})
}
module.exports = {
req,
upload
}

View File

@@ -0,0 +1,21 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
/**
* 更新token
* @property {String} updToken
*/
const updToken = (token) =>{
// 更新全局存储器
getApp().globalData.token = token
// 更新客户端登录缓存
wx.setStorageSync('token', token)
}
module.exports = {
updToken
}

View File

@@ -0,0 +1,96 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
import api from "api/index"
App({
onLaunch(e) {
let { scene } = e
// 检查入口场景值
if(scene === 1011 || scene === 1047 || scene === 1124 || scene === 1089 || scene === 1038){
this.globalData.isOfficial = true
}
// 检查用户登录状态
const token = wx.getStorageSync("token")
if(token){
this.globalData.isUser = true
}
// 检查系统更新
const updateManager = wx.getUpdateManager()
updateManager.onUpdateReady(function () {
wx.showModal({
title : '更新提示',
content : '新版本已经准备好,是否重启应用?',
cancelColor: '#666',
confirmColor: '#e50d01',
success : res=> {
if (res.confirm) {
updateManager.applyUpdate()
}
}
})
})
updateManager.onUpdateFailed(function(){
wx.showModal({
title : '更新提示',
content : '版本更新下载失败,请检查您的网络稍后重试',
showCancel: false,
confirmColor: '#e50d01'
})
})
// 获取系统信息
wx.getSystemInfo({
success: res=>{
this.globalData.systInfo = {
statusBarHeight: res.statusBarHeight,
safeArea : res.safeArea
}
}
})
// 挂载api
wx.$api = api
// 获取微信步数-云开发
// wx.cloud.init({
// traceUser: true,
// })
},
// 统一分享
// overShare () {
// let newInvite = wx.getStorageSync("inviteData")
// wx.onAppRoute(() =>{
// let pages = getCurrentPages(),
// view = pages[pages.length - 1]
// if (view) {
// wx.showShareMenu({
// withShareTicket: true,
// menus: ['shareAppMessage', 'shareTimeline'],
// })
// view.onShareAppMessage = function () {
// return {
// title: '分享标题',
// imageUrl: "http://cdn.siyuankunlun.com/materials/2022/09/14/code.jpg",
// path: '/pages/index/index?invite=' + newInvite
// };
// }
// }
// })
// },
globalData: {
systInfo : '',
isUser : false,
token : "",
isOfficial : false,
invite : "",
safeArea : '',
statusBarHeight: wx.getSystemInfoSync().statusBarHeight,
jiaonangheight: wx.getMenuButtonBoundingClientRect().height
}
})

View File

@@ -0,0 +1,58 @@
{
"pages": [
"pages/index/index",
"pages/member/index",
"pages/user/index",
"pages/login/index",
"pages/article/index",
"pages/article/info/info",
"pages/article/articleList/index",
"pages/member/open/open",
"pages/login/agreement/agreement",
"pages/stock/index",
"pages/stock/site/index",
"pages/stock/addSite/index",
"pages/stock/take/index",
"pages/stock/list/index",
"pages/stock/detailed/index",
"pages/stock/examine/index",
"pages/user/about/about",
"pages/user/code/code",
"pages/user/collect/collect",
"pages/member/examine/examine",
"pages/member/cause/cause",
"pages/mall/buy/index",
"pages/mall/submit/index",
"pages/mall/goods/index",
"pages/mall/details/index",
"pages/order/list/index",
"pages/order/details/index"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "锶源昆仑",
"navigationBarTextStyle": "black"
},
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"text": "锶源商城",
"iconPath": "/static/tabBarIcon/04.png",
"selectedIconPath": "/static/tabBarIcon/04_active.png"
},
{
"pagePath": "pages/user/index",
"text": "锶人中心",
"iconPath": "/static/tabBarIcon/02.png",
"selectedIconPath": "/static/tabBarIcon/02_active.png"
}
],
"color": "#b6b9bb",
"selectedColor": "#6c78f8",
"borderStyle": "white"
},
"style": "v2",
"sitemapLocation": "sitemap.json"
}

View File

@@ -0,0 +1,79 @@
/**app.wxss**/
.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
}
/* 上拉加载 */
.pagesLoding {
text-align: center;
line-height: 90rpx;
color: gray;
font-size: 28rpx;
}
.pagesLoding-icon {
width: 28rpx;
height: 28rpx;
vertical-align: middle;
margin-right: 10rpx;
margin-bottom: 3rpx;
}
/*
* 文字截取
*/
.nowrap {
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.nowrap-multi {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
/*
* 水平居中
*/
.pack-center {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}
/*
* 页面信息提醒
*/
.pages-hint {
text-align: center;
color: #747788;
font-size: 28rpx;
background: white;
}
.pages-hint image {
width: 188rpx;
height: 188rpx;
}

View File

@@ -0,0 +1,92 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
articlesArr : [] , //列表
page : {}, //分页信息
type : '', //类型
name : '', //名称
lodingStats : false, //加载状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
console.log(options)
this.setData({
type: options.type
})
if (options.type == '1') {
wx.setNavigationBarTitle({
title: '锶源昆仑·记忆'
})
this.setData({
name: 'memory'
})
} else if (options.type == '2') {
wx.setNavigationBarTitle({
title: '锶源昆仑·健康百科'
})
this.setData({
name: 'wiki'
})
}
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取列表
this.articlesInfo();
},
// 列表
articlesInfo(page){
wx.$api.mall.articlesList({
category_id : this.data.type,
page : page || 1
}).then(res => {
let listArr = this.data.articlesArr,
newData = []
if(page == 1 || page == undefined) listArr = []
newData = listArr.concat(res.data.data)
this.setData({
articlesArr : newData,
page : res.data.page,
lodingStats : false
})
wx.stopPullDownRefresh()
}).catch(err => {})
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
// 获取列表
this.articlesInfo();
},
/**
* 上拉加载
*/
onReachBottom(){
this.setData({
lodingStats: true
})
let pageNumber = this.data.page.current
if(this.data.page.has_more){
pageNumber++
// 获取列表
this.articlesInfo(pageNumber);
}
}
})

View File

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

View File

@@ -0,0 +1,25 @@
<view class="list" wx:if="{{articlesArr.length > 0}}">
<navigator hover-class="none" url="../info/info?id={{item.article_id}}&type={{name}}" class="item" wx:for="{{articlesArr}}" wx:key="articlesArr">
<view class="itemCont">
<view class="nowrap itemCont-name"><text>{{item.categories[0].slug}}</text> | {{item.title}}</view>
<view class="nowrap itemCont-text">{{item.description}}</view>
<view class="itemCont-see">
<view class="itemCont-icon"><image src="https://api.siyuankunlun.com/storage/materials/2022/10/11/articleIcon_00.png"></image> {{item.clicks}}</view>
<view class="itemCont-icon"><image src="https://api.siyuankunlun.com/storage/materials/2022/10/11/articleIcon_01.png"></image>{{item.subscribes}}</view>
</view>
</view>
<image class="itemImg" mode="aspectFill" src="{{item.cover}}"></image>
</navigator>
<view class="pagesLoding" wx:if="{{lodingStats}}">
<block wx:if="{{page.has_more}}">
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>加载中...
</block>
<block wx:else>
没有更多了~
</block>
</view>
</view>
<view class="pack-center pages-hint" wx:else>
<image src="/static/imgs/coupon_null.png"></image>
<view>暂无数据</view>
</view>

View File

@@ -0,0 +1,66 @@
page {
padding: 30rpx;
box-sizing: border-box;
background-color: #f6f6f6;
}
.item {
position: relative;
background-color: #ffffff;
border-radius: 10rpx;
height: 200rpx;
margin-bottom: 30rpx;
}
.itemImg {
position: absolute;
right: 0;
top: 0;
width: 200rpx;
height: 200rpx;
border-radius: 10rpx;
overflow: hidden;
}
.itemCont {
position: absolute;
left: 0;
top: 0;
padding: 25rpx 230rpx 0 30rpx;
box-sizing: border-box;
width: 100%;
}
.itemCont-name {
font-size: 30rpx;
}
.itemCont-name text {
text-transform: uppercase;
}
.itemCont-text {
color: #999;
font-size: 26rpx;
margin: 15rpx 0 30rpx;
font-weight: 200;
}
.itemCont-see {
color: #999;
display: flex;
font-size: 26rpx;
font-weight: 200;
}
.itemCont-icon {
display: flex;
margin-right: 50rpx;
line-height: 26rpx;
}
.itemCont-icon image {
width: 26rpx;
height: 26rpx;
margin-right: 10rpx;
}

View File

@@ -0,0 +1,91 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
articlesArr : [] , //列表
page : {}, //分页信息
type : '', //类型
name : '', //名称
lodingStats : false, //加载状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.setData({
type: options.type
})
if (options.type == '1') {
wx.setNavigationBarTitle({
title: '锶源昆仑·记忆'
})
this.setData({
name: 'memory'
})
} else if (options.type == '2') {
wx.setNavigationBarTitle({
title: '锶源昆仑·健康百科'
})
this.setData({
name: 'wiki'
})
}
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取列表
this.articlesInfo();
},
// 列表
articlesInfo(page){
wx.$api.index.articlesList({
category_id : this.data.type,
page : page || 1
}).then(res => {
let listArr = this.data.articlesArr,
newData = []
if(page == 1 || page == undefined) listArr = []
newData = listArr.concat(res.data.data)
this.setData({
articlesArr : newData,
page : res.data.page,
lodingStats : false
})
wx.stopPullDownRefresh()
}).catch(err => {})
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
// 获取列表
this.articlesInfo();
},
/**
* 上拉加载
*/
onReachBottom(){
this.setData({
lodingStats: true
})
let pageNumber = this.data.page.current
if(this.data.page.has_more){
pageNumber++
// 获取列表
this.articlesInfo(pageNumber);
}
}
})

View File

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

View File

@@ -0,0 +1,25 @@
<view class="list" wx:if="{{articlesArr.length > 0}}">
<navigator hover-class="none" url="../articleInfo/index?id={{item.article_id}}&type={{name}}" class="item" wx:for="{{articlesArr}}" wx:key="articlesArr">
<view class="itemCont">
<view class="nowrap itemCont-name"><text>{{item.categories[0].slug}}</text> | {{item.title}}</view>
<view class="nowrap itemCont-text">{{item.description}}</view>
<view class="itemCont-see">
<view class="itemCont-icon"><image src="http://cdn.siyuankunlun.com/materials/2022/10/11/articleIcon_00.png"></image> {{item.clicks}}</view>
<view class="itemCont-icon"><image src="http://cdn.siyuankunlun.com/materials/2022/10/11/articleIcon_01.png"></image>{{item.subscribes}}</view>
</view>
</view>
<image class="itemImg" mode="aspectFill" src="{{item.cover}}"></image>
</navigator>
<view class="pagesLoding" wx:if="{{lodingStats}}">
<block wx:if="{{page.has_more}}">
<image class="pagesLoding-icon" src="/static/icons/refresh_loding.gif" mode="widthFix"></image>加载中...
</block>
<block wx:else>
没有更多了~
</block>
</view>
</view>
<view class="pack-center pages-hint" wx:else>
<image src="/static/imgs/text_null.png"></image>
<view>暂无数据</view>
</view>

View File

@@ -0,0 +1,66 @@
page {
padding: 30rpx;
box-sizing: border-box;
background-color: #f6f6f6;
}
.item {
position: relative;
background-color: #ffffff;
border-radius: 10rpx;
height: 200rpx;
margin-bottom: 30rpx;
}
.itemImg {
position: absolute;
right: 0;
top: 0;
width: 200rpx;
height: 200rpx;
border-radius: 10rpx;
overflow: hidden;
}
.itemCont {
position: absolute;
left: 0;
top: 0;
padding: 25rpx 230rpx 0 30rpx;
box-sizing: border-box;
width: 100%;
}
.itemCont-name {
font-size: 30rpx;
}
.itemCont-name text {
text-transform: uppercase;
}
.itemCont-text {
color: #999;
font-size: 26rpx;
margin: 15rpx 0 30rpx;
font-weight: 200;
}
.itemCont-see {
color: #999;
display: flex;
font-size: 26rpx;
font-weight: 200;
}
.itemCont-icon {
display: flex;
margin-right: 50rpx;
line-height: 26rpx;
}
.itemCont-icon image {
width: 26rpx;
height: 26rpx;
margin-right: 10rpx;
}

View File

@@ -0,0 +1,139 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
id : '', //文章id
indexShow : '', //内容
mallContent : '', //简介
favoritesSee : '', //收藏状态
favoritesNumber : '', //收藏数量
subscribesSee : '', //点赞状态
subscribesNumber: '', //点赞数量
inviteText : '', //邀请码
isFixedTop : 0,
barHeight : getApp().globalData.statusBarHeight // 状态栏高度
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.setData({
id: options.id
})
if (options.type == 'memory') {
wx.setNavigationBarTitle({
title: '锶源昆仑·记忆'
})
} else if (options.type == 'wiki') {
wx.setNavigationBarTitle({
title: '锶源昆仑·健康百科'
})
}
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取详情数据
this.indexInfo();
// 获取登录状态
if(wx.getStorageSync("token")){
// 获取推广码
this.inviteInfo();
}
},
/**
* 推广码
*/
inviteInfo() {
wx.$api.user.invite().then(res => {
this.setData({
inviteText : res.data.invite
})
}).catch(err => {})
},
/**
* 详情数据
*/
indexInfo () {
wx.$api.index.articlesSee(this.data.id).then(res => {
this.setData({
indexShow : res.data,
favoritesSee : res.data.isFavorite,
subscribesSee : res.data.isSubscribed,
favoritesNumber : res.data.favorites,
subscribesNumber: res.data.subscribes,
mallContent : res.data.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display:block;"')
})
}).catch(err => {})
},
// 操作按钮
toolTap(e) {
let newName = e.currentTarget.dataset.name
// 收藏
if(newName == 'favorites') {
wx.$api.index.articlesFavorite(this.data.id).then(res => {
this.setData({
favoritesSee : res.data.favorite,
favoritesNumber: res.data.count
})
}).catch(err => {})
return
}
// 点赞
wx.$api.index.articlesSubscribe(this.data.id).then(res => {
this.setData({
subscribesSee : res.data.subscribed,
subscribesNumber: res.data.count
})
}).catch(err => {})
},
/**
* 微信分享
*/
onShareAppMessage(){
return {
title : this.data.indexShow.title,
path : "/pages/index/index?invite=" + this.data.inviteText,
imageUrl: this.data.indexShow.cover
}
},
// 返回上一页
returnGo() {
wx.navigateBack({
delta: 1
})
},
// 回到首页
returnHome() {
wx.switchTab({
url: '/pages/index/index'
})
},
/**
* 监听页面滑动事件
*/
onPageScroll(e) {
this.setData({
isFixedTop: parseInt(e.scrollTop)
});
},
})

View File

@@ -0,0 +1,5 @@
{
"usingComponents": {},
"navigationStyle": "custom",
"navigationBarTextStyle": "white"
}

View File

@@ -0,0 +1,40 @@
<view class="navigation {{isFixedTop > 0 ? 'active' : ''}}" style="padding-top:{{barHeight}}px;">
<image bindtap="returnGo" class="navigation-arrow" src="{{isFixedTop > 0 ? '/static/icons/arrowBlack.png' : '/static/icons/arrowWrite.png'}}"></image>
<image bindtap="returnHome" class="navigation-arrow" src="{{isFixedTop > 0 ? '/static/icons/homeBlack.png' : '/static/icons/homeWrite.png'}}"></image>
</view>
<image class="articleImg" src="{{indexShow.cover}}" mode="widthFix"></image>
<view class="articleCont">
<view class="articleTop">
<view class="articleName">
<text>{{indexShow.categories[0].slug}}</text> | {{indexShow.title}}
</view>
<view class="articleTool">
<text>{{indexShow.created_at}}</text>
<text>浏览 {{indexShow.clicks}}</text>
</view>
</view>
<view class="articleBanner">
<image mode="widthFix" src="http://cdn.siyuankunlun.com/materials/2022/10/11/articleBanner.jpg"></image>
</view>
<view class="articleText">
<rich-text nodes="{{mallContent}}"></rich-text>
</view>
</view>
<view class="tool">
<view class="toolCont">
<button class="toolCont-label" open-type="share" hover-class="none">
<image class="toolCont-label-icon" src="/static/icons/articleIcon_01.png"></image>
<text>转发</text>
</button>
<view class="toolCont-label" bindtap="toolTap" data-name="favorites">
<image class="toolCont-label-icon" src="{{!favoritesSee ? '/static/icons/articleIcon_02.png' : '/static/icons/articleIcon_02_active.png'}}"></image>
<text>{{favoritesNumber}}</text>
</view>
<view class="toolCont-label" bindtap="toolTap" data-name="subscribes">
<image class="toolCont-label-icon" src="{{!subscribesSee ? '/static/icons/articleIcon_03.png' : '/static/icons/articleIcon_03_active.png'}}"></image>
<text>{{subscribesNumber}}</text>
</view>
</view>
</view>

View File

@@ -0,0 +1,102 @@
page {
background-color: #ffffff;
}
.articleImg {
width: 100%;
display: inline-block;
}
.articleCont {
padding: 30rpx;
box-sizing: border-box;
border-bottom: 160rpx transparent solid;
}
.articleName {
font-size: 36rpx;
margin-top: 20rpx;
}
.articleName text {
text-transform: uppercase;
}
.articleTool {
color: #666666;
font-size: 26rpx;
margin-top: 15rpx;
}
.articleTool text {
padding-right: 30rpx;
font-weight: 200;
}
.articleBanner {
text-align: center;
margin: 60rpx 0;
}
.articleBanner image {
width: 100%;
}
.tool {
position: fixed;
width: 100%;
height: 90rpx;
line-height: 90rpx;
left: 0;
bottom: 60rpx;
z-index: 99;
padding: 0 30rpx;
box-sizing: border-box;
}
.toolCont {
background-color: #ffffff;
display: flex;
box-shadow: 0 0 10rpx rgba(0, 0, 0, .1);
border-radius: 80rpx;
}
.toolCont-label {
flex: 3;
text-align: center;
color: #999;
font-size: 30rpx;
background-color: transparent;
padding: 0;
margin: 0;
line-height: 100rpx;
font-weight: 200;
}
.toolCont-label-icon {
width: 36rpx;
height: 36rpx;
margin-right: 10rpx;
vertical-align: -4rpx;
}
.navigation{
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;
height: 90rpx;
background-color: transparent;
transition: .2s;
}
.navigation.active {
background-color: #ffffff;
}
.navigation-arrow {
width: 44rpx;
height: 44rpx;
margin: 20rpx 15rpx 0 20rpx;
}

View File

@@ -0,0 +1,253 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
BarHeight : '',
indicatorDots: false,
vertical : false,
autoplay : false,
interval : 2000,
duration : 500,
previousmargin: '40rpx',//前边距
nextmargin : '40rpx',//后边距
otherCurrent : 1,
goodsArr : [], //商品
bannersArr : [], //轮播商品
surplus : '', //水滴量
healthsArr : [], //健康文章
centerInfo : [], //体验官介绍
serviceMobile: '', //客服电话
categories : '', //详情分类
userLogin : '', //是否登录
videos : '',
videoFlx : false, //视频定位
showGoods : '', //默认商品
waterMobile : '', //电话
memoryCurrent: 0,
videoState : true, //第一个视频是否加载
videoFilex : true, //第二个视频是否加载
// 记忆
startX : 0,
endX : 0,
iCenter : 3,
datas: [],
order: []
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.setData({
BarHeight: getApp().globalData.systInfo.statusBarHeight + wx.getMenuButtonBoundingClientRect().height
})
// 邀请码
if(options.invite) {
this.setData({
inviteCode : options.invite
})
wx.setStorage({
key : 'inviteData',
data : options.invite
})
}
this.__set__();
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取首页数据
this.indexInfo();
// 获取登录状态
if(wx.getStorageSync("token")){
this.setData({
userLogin: true
})
// 获取用户信息
this.userInfo();
}
},
/**
* 首页数据
*/
indexInfo (e) {
wx.$api.index.home().then(res => {
this.setData({
goodsArr : res.data.goods,
videos : res.data.videos[0],
healthsArr : res.data.healths,
datas : res.data.memories,
categories : res.data.categories,
waterMobile : res.data.water_mobile
})
this.move();
}).catch(err => {})
},
/**
* 用户信息
*/
userInfo() {
wx.$api.user.home().then(res => {
this.setData({
surplus : res.data.account.score.surplus
})
}).catch(err => {})
},
/**
* 轮播图的切换事件
*/
swiperOther (e) {
this.setData({
otherCurrent: e.detail.current //获取当前轮播图片的下标
})
},
/**
* 拨打电话
*/
phoneCall(){
wx.makePhoneCall({
phoneNumber: this.data.waterMobile
});
},
/**
* 跳转文章列表
*/
tapMore(e){
wx.navigateTo({
url: '/pages/article/index?type=' + e.currentTarget.dataset.type
})
},
/**
* 处理未登录时的转跳
*/
userNav(e){
let pageUrl = e.currentTarget.dataset.url
if(wx.getStorageSync("token")){
wx.navigateTo({
url: pageUrl
})
}else{
// 去登录
wx.navigateTo({
url: "/pages/login/index"
})
}
},
/**
* 监听页面滚动
*/
bestScroll(e){
if(e.detail.scrollTop >= this.data.systInfo.safeArea.width && !this.data.videoFlx){
this.setData({
videoFlx: true
})
}else if(e.detail.scrollTop < this.data.systInfo.safeArea.width && this.data.videoFlx){
this.setData({
videoFlx: false
})
}
},
move () {
var datas = this.data.datas;
/*图片分布*/
for (var i = 0; i < datas.length; i++) {
var data = datas[i];
var animation = wx.createAnimation({
duration: 200
});
animation.translateX(data.left).step();
this.setData({
["datas[" + i + "].animation"]: animation.export(),
["datas[" + i + "].zIndex"]: data.zIndex
})
}
},
/**左箭头 */
left: function () {
var last = this.data.datas.pop(); //获取数组的最后一个
this.data.datas.unshift(last);//放到数组的第一个
var orderFirst = this.data.order.shift();
this.data.order.push(orderFirst);
this.move();
},
/** */
right: function () {
var first = this.data.datas.shift(); //获取数组的第一个
this.data.datas.push(first);//放到数组的最后一个位置
var orderLast = this.data.order.pop();
this.data.order.unshift(orderLast);
this.move();
},
/**新的排列复制到新的数组中 */
__set__: function () {
var that = this;
var order = that.data.order;
var datas = that.data.datas;
for (var i = 0; i < datas.length; i++) {
that.setData({
["order[" + i + "]"]: datas[i].id
})
}
},
//手指触发开始移动
moveStart (e) {
var startX = e.changedTouches[0].pageX;
this.setData({
startX : startX
});
},
//手指触摸后移动完成触发事件
moveItem (e) {
var that = this;
var endX = e.changedTouches[0].pageX;
this.setData({
endX: endX
});
//计算手指触摸偏移剧距离
var moveX = this.data.startX - this.data.endX;
//向左移动
if (moveX > 20) {
this.left();
}
if (moveX < -20) {
this.right();
}
},
// 第一个播放进度变化时触发
bindloadedOne() {
this.setData({
videoState: false
})
},
// 第二个播放进度变化时触发
bindloadedTwo() {
this.setData({
videoFilex: false
})
},
})

View File

@@ -0,0 +1,5 @@
{
"usingComponents": {},
"navigationStyle": "custom",
"navigationBarTextStyle": "white"
}

View File

@@ -0,0 +1,165 @@
<view class="page-section">
<image class="videoCover" wx:if="{{videoState}}" src="http://cdn.siyuankunlun.com/materials/2022/10/13/cover.png"></image>
<video class="page-swiper" show-fullscreen-btn="{{false}}" show-play-btn="{{false}}" custom-cache="{{false}}" controls="{{false}}" bindloadedmetadata="bindloadedOne" object-fit="fill" loop autoplay picture-in-picture-mode="pop" src="http://cdn.siyuankunlun.com/videos/2022/10/11/5899a6029e623ef523ff67354ee3f698.mp4"></video>
<image class="indexTop" src="/static/icons/indextop.png"></image>
</view>
<view class="drift" style="top: {{BarHeight}}px" wx:if="{{userLogin}}">
<view class="title">
<text>水滴</text>
</view>
<view class="balance">
<image src="/static/icons/waterDrop.png"></image>{{surplus}}
</view>
</view>
<!-- 水视频 -->
<view class="videos" id="video">
<view class="videos-filex-view {{videoFlx ? 'filex' : ''}}">
<image class="videos-cover" wx:if="{{videoFilex}}" src="http://cdn.siyuankunlun.com/images/2022/09/29/10defdd282968b28203e2a9c5b6e7806.png"></image>
<video class="video" bindloadedmetadata="bindloadedTwo" object-fit="cover" custom-cache="{{false}}" loop autoplay picture-in-picture-mode="pop" src="{{videos.path}}"></video>
</view>
</view>
<!-- 锶源昆仑天然饮用水 -->
<view class="other">
<view class="content">
<view class="publicTitle">
<text>water</text>
<view class="lighter">锶源昆仑天然饮用水</view>
<image class="goldenLogo" mode="widthFix" src="http://cdn.siyuankunlun.com/materials/2022/10/11/goldenLogo.png"></image>
</view>
<view class="other-swiper">
<swiper previous-margin="{{previousmargin}}" circular centeredSlides="true" next-margin="{{nextmargin}}" bindchange="swiperOther" current="{{otherCurrent}}">
<navigator hover-class="none" url="/pages/mall/buy/index?id={{item.goods_id}}" wx:for="{{goodsArr}}" wx:key="goodsArr">
<swiper-item class="slide-image">
<view class="box">
<image class="{{index == otherCurrent ? ' active' : ''}}" src="{{item.cover}}" mode="aspectFill"></image>
</view>
<view class="otherText">古海冰泉造就不凡</view>
<view class="othertitle">{{item.name}}</view>
<!-- <view class="name">{{item.price.show}}元/箱</view> -->
</swiper-item>
</navigator>
</swiper>
</view>
</view>
</view>
<!-- 用水指南 -->
<view class="other">
<view class="content">
<view class="publicTitle">
<text>guide</text>
<view class="lighter">用水指南</view>
<image class="goldenLogo" mode="widthFix" src="http://cdn.siyuankunlun.com/materials/2022/10/11/guideLogo.png"></image>
</view>
<view class="guide">
<view class="guide-label">
<view class="guide-top">
<view class="guide-english">temperature</view>
<view class="guide-name">最佳水温饮用</view>
</view>
<view class="guide-text">
<view class="guide-cell">
<text>加热至40-50度</text>
</view>
</view>
<image class="guide-icon" src="http://cdn.siyuankunlun.com/materials/2022/10/11/guide_01.png"></image>
</view>
<view class="guide-label">
<view class="guide-top">
<view class="guide-english">quantity</view>
<view class="guide-name">最佳饮水量</view>
</view>
<view class="guide-text">
<text>每日饮用4瓶~6瓶</text>
<text>(2000mL-3000ml)</text>
</view>
<image class="guide-icon" src="http://cdn.siyuankunlun.com/materials/2022/10/11/guide_02.png"></image>
</view>
<view class="guide-label">
<view class="guide-top">
<view class="guide-english">time</view>
<view class="guide-name">最佳饮水时间</view>
</view>
<view class="guide-text">
<text>早7点-9点</text>
<text>午12点-14点</text>
<text>晚18点-21点</text>
</view>
<image class="guide-icon" src="http://cdn.siyuankunlun.com/materials/2022/10/11/guide_03.png"></image>
</view>
<view class="guide-label">
<view class="guide-top">
<view class="guide-english">special</view>
<view class="guide-name">注意事项</view>
</view>
<view class="guide-text">
<text>不建议冷冻保存</text>
<text>开瓶后24小时内饮用最佳</text>
</view>
<image class="guide-icon" src="http://cdn.siyuankunlun.com/materials/2022/10/11/guide_04.png"></image>
</view>
</view>
</view>
</view>
<!-- 订购热线 -->
<view class="other hotline">
<view class="content">
<view class="hotline-cont">
<image class="hotline-head" mode="aspectFill" src="http://cdn.siyuankunlun.com/materials/2022/10/11/hotline_head.png"></image>
<view class="hotline-text">
<view class="hotline-name">锶源昆仑·线下订购热线</view>
<view class="hotline-tips">Hi需要订水请联系我们~</view>
</view>
<image bindtap="phoneCall" class="hotline-tel" src="http://cdn.siyuankunlun.com/materials/2022/10/11/hotline_tel.png"></image>
</view>
</view>
</view>
<!-- 锶源昆仑·记忆 -->
<view class="article" wx:if="{{datas.length > 0}}">
<view class="publicTitle">
<text>memory</text>
<view class="lighter">锶源昆仑·记忆<image class="article-more" mode="widthFix" src="http://cdn.siyuankunlun.com/materials/2022/10/11/hotline_more.png" bindtap="tapMore" data-type="{{categories.memory}}"></image>
</view>
</view>
<view class="memory">
<view class="clearfix teachers_b">
<view class="slide" id="slide">
<block wx:for="{{datas}}" wx:key="datas">
<navigator bindtouchstart='moveStart' bindtouchend='moveItem' hover-class="none" class="memoryLable" url="/pages/article/info/info?id={{item.id}}&type=memory" animation="{{item.animation}}" style="z-index: {{item.zIndex}};" data-index="{{index}}">
<image class="memory-img" src="{{item.image}}"></image>
<view class="memory-cont">
<view class="memory-title">
<view class="nowrap memory-name">{{item.title}}</view>
<view class="memory-go">GO ></view>
</view>
<view class="nowrap memory-text">{{item.description}}</view>
</view>
</navigator>
</block>
</view>
</view>
</view>
</view>
<!-- 健康百科 -->
<view class="article" wx:if="{{healthsArr.length > 0}}">
<view class="publicTitle">
<text>Health</text>
<view class="lighter">锶源昆仑·健康百科<image class="article-more" mode="widthFix" src="http://cdn.siyuankunlun.com/materials/2022/10/11/hotline_more.png" bindtap="tapMore" data-type="{{categories.health}}"></image>
</view>
</view>
<view class="wiki">
<navigator hover-class="none" url="/pages/article/info/info?id={{item.article_id}}&type=wiki" class="wiki-label" wx:for="{{healthsArr}}" wx:key="healthsArr" wx:if="{{index < 3}}">
<image class="wiki-label-img" mode="aspectFill" src="{{item.cover}}"></image>
<view class="wiki-label-cont">
<view class="nowrap wiki-label-name"><text>Health</text> | {{item.title}}</view>
<view class="nowrap-multi wiki-label-text">{{item.description ? item.description : '源自万山之祖昆仑山脉,绵延华夏龙之 脉中川流的“圣血”'}}</view>
</view>
</navigator>
</view>
</view>

View File

@@ -0,0 +1,560 @@
page {
background-color: #f3f3f5;
}
/* 轮播 */
.page-section {
position: relative;
width: 100%;
height: 100vh;
}
.videoCover {
position: absolute;
width: 100%;
height: 100vh;
z-index: 1;
}
.page-swiper {
position: absolute;
width: 100%;
height: 100vh;
}
.page-swiper image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
/* 头部 */
.drift {
position: fixed;
left: 0;
width: 100%;
padding: 30rpx 0;
box-sizing: border-box;
z-index: 99;
color: #ffffff;
display: flex;
}
.drift .title {
flex: 1;
font-weight: 600;
position: relative;
padding-bottom: 20rpx;
padding-left: 30rpx;
font-size: 40rpx;
text-shadow: 0 6rpx 6rpx rgba(0, 0, 0, .6);
}
.drift .title::after {
position: absolute;
content: '';
left: 45rpx;
bottom: 0;
background-color: #df723a;
width: 40rpx;
height: 6rpx;
border-radius: 10rpx;
}
.drift .balance {
font-size: 34rpx;
background-color: rgba(0, 0, 0, .3);
border-radius: 30rpx 0 0 30rpx;
padding: 0 20rpx;
height: 60rpx;
line-height: 60rpx;
display: flex;
box-shadow: 0 6rpx 6rpx rgba(0, 0, 0, .3);
text-shadow: 0 6rpx 6rpx rgba(0, 0, 0, .6);
}
.drift .balance image {
width: 46rpx;
height: 46rpx;
margin: 6rpx 5rpx 0 0;
}
/* 按钮 */
.backView {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 98;
background-color: rgba(0, 0, 0, .05);
}
.tips {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
z-index: 99;
padding: 40rpx 0 90rpx;
box-sizing: border-box;
background-image: linear-gradient(to bottom, transparent, #26252a);
}
.tips .btn {
background-color: #ffffff;
display: inline-block;
border-radius: 80rpx;
padding: 0 50rpx;
line-height: 74rpx;
margin: 0 15rpx;
border: 2rpx solid transparent;
font-size: 30rpx;
}
.tips .btn.number {
background-color: rgba(0, 0, 0, .2);
border-color: #fff;
color: #fff;
}
.tips .btn.number image {
width: 48rpx;
height: 48rpx;
vertical-align: -12rpx;
margin-right: 5rpx;
}
.indexTop {
position: absolute;
bottom: 15rpx;
left: calc(50% - 27rpx);
width: 54rpx;
height: 54rpx;
z-index: 99;
opacity: .5;
}
/* 内容 */
.other {
padding: 0 30rpx 30rpx;
box-sizing: border-box;
}
.content {
background-color: #ffffff;
border-radius: 10rpx;
padding: 30rpx 30rpx 10rpx;
box-sizing: border-box;
}
.publicTitle {
margin-bottom: 30rpx;
position: relative;
}
.publicTitle text {
display: block;
text-transform: uppercase;
font-size: 42rpx;
margin-bottom: 5rpx;
}
.publicTitle .lighter {
display: flex;
font-weight: 200;
}
.publicTitle .lighter .article-more {
width: 32rpx;
height: 32rpx;
margin-left: 15rpx;
margin-top: 4rpx;
}
.goldenLogo {
position: absolute;
right: 0;
top: 10rpx;
width: 130rpx;
}
.other-swiper swiper {
background: #fff;
height: 400rpx;
/* height: 450rpx; */
}
.other-swiper .slide-image image {
position: absolute;
width: 100%;
height: calc(100% - 40rpx);
left: 0;
top: 0;
margin-top: 20rpx;
border-radius: 12rpx;
transition: .2s;
display: block;
}
/*图片的容器*/
.slide-image {
padding: 0 10rpx;
box-sizing: border-box;
}
.other-swiper .box {
display: inline-block;
width: 100%;
padding-top: 50%;
position: relative;
}
.other-swiper .slide-image image.active {
height: 100% !important;
margin: 0;
}
.other-swiper .othertitle {
width: 100%;
text-align: center;
margin-bottom: 10rpx;
}
.other-swiper .otherText {
font-weight: 200;
width: 100%;
font-size: 26rpx;
text-align: center;
line-height: 68rpx;
color: #999999;
position: relative;
}
.other-swiper .otherText::after,
.other-swiper .otherText::before {
position: absolute;
content: '';
width: 90rpx;
top: calc(50% - 1rpx);
background-color: #bdbdbd;
height: 2rpx;
}
.other-swiper .otherText::after {
left: 40rpx;
}
.other-swiper .otherText::before {
right: 40rpx;
}
.other-swiper .name {
width: 100%;
text-align: center;
color: #d5a56d;
font-size: 25rpx;
font-weight: normal;
}
/* 视频 */
.videos {
padding: 30rpx;
}
.videos-filex-view {
position: relative;
width: 100%;
padding-top: 50%;
border-radius: 20rpx;
overflow: hidden;
}
.videos-cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.videos video {
position: absolute;
border-radius: 20rpx;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.videos-filex-view.filex {
position: fixed;
top: 0;
left: 0;
z-index: 99;
}
/* 用水指南 */
.guide {
overflow: hidden;
margin: 0 -10rpx;
}
.guide-label {
width: calc(50% - 20rpx);
margin: 0 10rpx 20rpx;
float: left;
background-image: linear-gradient(#f6f6f7, #f5f6fe);
border-radius: 15rpx;
padding: 10rpx 20rpx;
box-sizing: border-box;
position: relative;
}
.guide-top {
position: relative;
margin-bottom: 30rpx;
}
.guide-english {
text-transform: uppercase;
color: #dfdedf;
font-size: 34rpx;
}
.guide-name {
font-size: 32rpx;
position: absolute;
top: 18rpx;
left: 0;
z-index: 9;
}
.guide-text {
vertical-align: middle;
height: 90rpx;
display: table;
line-height: 28rpx;
}
.guide-cell {
display: table-cell;
vertical-align: middle;
}
.guide-text text {
display: block;
font-size: 22rpx;
color: #333333;
font-weight: 200;
}
.guide-icon {
position: absolute;
width: 60rpx;
height: 60rpx;
right: 20rpx;
bottom: 20rpx;
}
/* 申请体验官 */
.brief-img {
border-radius: 10rpx;
overflow: hidden;
position: relative;
padding-top: 50%;
}
.brief-img image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.brief-btn {
background-color: #6c78f8;
color: #fff;
border-radius: 40rpx;
text-align: center;
line-height: 84rpx;
margin: 30rpx 0 20rpx;
font-size: 28rpx;
}
/* 订购热线 */
.hotline .content {
padding: 30rpx;
}
.hotline-cont {
display: flex;
}
.hotline-head {
width: 90rpx;
height: 90rpx;
}
.hotline-text {
width: calc(100% - 184rpx);
margin: 0 20rpx;
}
.hotline-name {
margin-bottom: 15rpx;
line-height: 44rpx;
}
.hotline-tips {
color: #999999;
font-size: 24rpx;
font-weight: 200;
}
.hotline-tel {
width: 54rpx;
height: 54rpx;
margin-top: 20rpx;
}
/* 文章列表 */
.article {
padding: 0 30rpx 30rpx;
box-sizing: border-box;
}
/* 健康百科 */
.wiki {
margin-top: 60rpx;
}
.wiki-label {
background-color: #fff;
margin-bottom: 60rpx;
position: relative;
height: 150rpx;
border-radius: 10rpx;
}
.wiki-label:last-child {
margin-bottom: 0;
}
.wiki-label-img {
width: 160rpx;
height: 160rpx;
position: absolute;
top: -30rpx;
left: 20rpx;
border-radius: 10rpx 10rpx 0 0;
}
.wiki-label-cont {
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 20rpx 25rpx 20rpx 200rpx;
box-sizing: border-box;
}
.wiki-label-name {
font-size: 30rpx;
}
.wiki-label-name text {
text-transform: uppercase;
}
.wiki-label-text {
color: #999999;
font-size: 25rpx;
margin-top: 10rpx;
line-height: 30rpx;
font-weight: 200;
}
/* 记忆 */
.memory {
width: 100%;
background-size: cover;
position: relative;
overflow: hidden;
}
.teachers_b {
position: relative;
}
#slide {
margin: 0 auto;
width: 100%;
height: 530rpx;
position: relative;
}
.memoryLable {
background-color: #fff;
position: absolute;
width: 580rpx;
border-radius: 10rpx;
overflow: hidden;
}
.memory-img {
width: 580rpx;
height: 387rpx;
border-radius: 10rpx;
overflow: hidden;
}
.memory-cont {
padding: 20rpx 20rpx 30rpx;
box-sizing: border-box;
}
.memory-title {
display: flex;
}
.memory-name {
font-size: 30rpx;
flex: 1;
line-height: 40rpx;
margin-right: 20rpx;
}
.memory-go {
background-color: #f8f8f8;
font-size: 26rpx;
color: #d5a56d;
padding: 0 10rpx;
line-height: 40rpx;
border-radius: 10rpx;
}
.memory-text {
font-size: 26rpx;
color: #999;
margin-top: 10rpx;
font-weight: 200;
}
.slide_right {
padding: 40px;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
min-width: 0;
}
.slide_right dl {
padding-top: 10px;
}

View File

@@ -0,0 +1,31 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
content: ''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
// 获取用户协议
wx.$api.auth.registeragree(options.type).then(res => {
this.setData({
content: res.data.content
})
}).catch(err => {})
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {},
})

View File

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

View File

@@ -0,0 +1,3 @@
<view class="agreement-content">
<rich-text nodes="{{content}}"></rich-text>
</view>

View File

@@ -0,0 +1,5 @@
.agreement-content{
padding: 30rpx;
box-sizing: border-box;
font-size: 32rpx;
}

View File

@@ -0,0 +1,166 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
phone : "",
code : "",
parentId: "", //邀请码
newUser : '', //是否为新用户
checked : false, //勾选协议
codename: '获取验证码',
getSms : false,
inviteata: ''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
// 是否有邀请码
if(options) {
this.setData({
channelId : options.channel || ''
})
}
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
if(wx.getStorageSync("inviteData")) {
this.setData({
parentId: wx.getStorageSync("inviteData")
})
}
},
/**
* 手机号码
*/
bindInput(e) {
this.setData({
phone: e.detail.value
})
},
/**
* 短信验证码
*/
bindCode(e) {
this.setData({
code: e.detail.value
})
},
/**
* 获取短信验证码
*/
getPhoneCode(e) {
let mobile = this.data.phone,
myreg = /^(14[0-9]|13[0-9]|15[0-9]|17[0-9]|18[0-9])\d{8}$$/
var _this = this
if (mobile == "") {
wx.showToast({
title : '手机号不能为空',
icon : 'none',
duration : 1000
})
return false;
}else if (!myreg.test(mobile)) {
wx.showToast({
title : '请输入正确的手机号',
icon : 'none',
duration : 1000
})
return false;
}else{
wx.$api.auth.getSms({
mobileNo: mobile
}).then(res=>{
_this.setData({
newUser : res.data.new,
getSms : true
})
wx.showToast({
title : '发送成功',
icon : 'success',
duration: 2000
})
var num = 60;
var timer = setInterval(function () {
num--;
if (num <= 0) {
clearInterval(timer);
_this.setData({
codename : '重新发送',
getSms : false
})
} else {
_this.setData({
codename : num + "s后重新获取",
getSms : true
})
}
}, 1000)
}).catch(err=>{})
}
},
/**
* 邀请码
*/
parentInput(e) {
this.setData({
parentId: e.detail.value
})
},
/**
* 用户登录
*/
login() {
if(this.data.checked) {
wx.$api.auth.smsAuth({
mobileNo : this.data.phone,
code : this.data.code,
invite : this.data.parentId,
channel : this.data.channelId
}).then(res=>{
// 写入缓存
wx.setStorage({
key : 'token',
data : res.data.token_type + ' ' + res.data.access_token
})
// 回到首页
wx.switchTab({
url: '/pages/index/index'
})
}).catch(err=>{})
} else {
wx.showToast({
title: '请勾选用户隐私和服务协议',
icon: "none"
})
}
},
// 勾选协议
radioChange() {
this.setData({
checked: !this.data.checked
})
}
})

View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "锶源昆仑"
}

View File

@@ -0,0 +1,28 @@
<view class="login-top">
<view class="top-logo-content">
手机号快捷登录
</view>
未注册的手机号码将自动注册
</view>
<!-- 输入手机号相关 -->
<view class="inputs phone">
<label class="label">+86</label>
<input type="number" placeholder="输入您的手机号码" maxlength="11" name="phone" bindinput="bindInput" class="inputs-phone" />
</view>
<view class="inputs sms">
<input type="number" placeholder="输入短信验证码" maxlength="4" name="code" class="inputs-sms" bindinput="bindCode" />
<button class="sms-btn" type="default" size="mini" disabled="{{phone == '' || getSms}}" bindtap="getPhoneCode">{{codename}}</button>
</view>
<view class="inputs" wx:if="{{newUser}}">
<input placeholder="邀请码 (选填)" maxlength="10" value="{{parentId}}" bindinput="parentInput" />
</view>
<button class="btn" type="default" disabled="{{phone == '' || code == ''}}" bindtap="login">登录</button>
<!-- 用户登录注册协议 -->
<view class="agreement">
<checkbox-group bindchange="radioChange">
<checkbox color="#4490ff" checked="{{checked}}" size='10' class="radioGroup" />
</checkbox-group>
<view class="agreement-text">
登录即表示同意用户<navigator hover-class="none" url="./agreement/agreement?type=secret">《隐私协议》</navigator>和<navigator hover-class="none" url="./agreement/agreement?type=protocol">《服务协议》</navigator>
</view>
</view>

View File

@@ -0,0 +1,164 @@
page {
height: 100vh;
width: 100vw;
padding: 90rpx 60rpx;
box-sizing: border-box;
background: white;
}
.login-top {
height: 17vh;
width: 100%;
flex-direction: row;
align-items: flex-end;
justify-content: center;
box-sizing: border-box;
position: relative;
color: #919191;
}
.top-bg {
position: absolute;
bottom: 30rpx;
z-index: 2;
width: 740rpx;
}
.top-logo-content {
box-sizing: border-box;
color: #000;
font-weight: 600;
font-size: 40rpx;
margin-bottom: 10rpx;
}
.top-logo {
margin-bottom: 20rpx;
width: 146rpx;
height: 146rpx;
}
.inputs {
background: rgba(68, 144, 255, 0.05);
border: solid 1rpx #f2f2f2;
position: relative;
margin-top: 30rpx;
height: 80rpx;
line-height: 80rpx;
}
.inputs input {
width: 100%;
height: 80rpx;
line-height: 80rpx;
padding: 0 30rpx;
border: none;
box-sizing: border-box;
font-size: 30rpx;
}
input.inputs-phone {
padding-left: 150rpx;
}
input.inputs-sms {
padding-right: 200rpx;
}
.label {
position: absolute;
left: 0;
top: 0;
width: 120rpx;
text-align: center;
border-right: solid 1rpx #f2f2f2;
font-size: 30rpx;
}
.sms-btn[size='mini'] {
font-weight: normal;
height: 77rpx;
line-height: 77rpx;
position: absolute;
top: 1rpx;
right: 1rpx;
padding: 0 20rpx;
margin: 0;
border-radius: 0;
border-left: solid 1rpx #f2f2f2;
color: #4490ff !important;
font-size: 30rpx;
background-color: transparent !important;
}
.sms-btn::after {
border: none;
}
.sms-btn[disabled] {
color: rgba(68, 144, 255, .6) !important;
}
.title {
text-align: center;
font-size: 38rpx;
font-weight: bold;
color: #2a2a2a;
margin-bottom: 100rpx;
}
.btn {
background: #4490ff !important;
width: 100% !important;
color: white !important;
border-radius: 0;
margin-top: 30rpx;
font-size: 32rpx;
line-height: 90rpx;
height: 90rpx;
font-weight: bold;
padding: 0;
}
.btn::after {
border: none;
}
.btn[disabled] {
background: rgba(68, 144, 255, .6) !important;
}
.beianNo {
font-size: 26rpx;
color: #9d9d9d;
text-align: center;
padding-top: 60rpx;
position: fixed;
width: 100%;
left: 0;
bottom: 50rpx;
}
/* 协议 */
.agreement {
font-size: 26rpx;
color: #9d9d9d;
margin-top: 20rpx;
display: flex;
}
.radioGroup {
transform: scale(.6);
width: 55rpx;
text-align: left;
}
.agreement-text {
width: calc(100% - 55rpx);
line-height: 48rpx;
}
.agreement-text navigator {
color: #000;
display: inline-block;
}

View File

@@ -0,0 +1,103 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
avatar : '', //用户头像
nickName : '', //用户昵称
identity : '', //用户身份
goodId : '', //商品id
surplus : '', //我的水滴
mallData : '', //商品详情
mallContent : '', //商品介绍
userLogin : '', //登录状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.setData({
goodId: options.id
})
// 获取商品详情
this.goodInfo(options.id);
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
if(wx.getStorageSync("token")){
this.setData({
userLogin: true
})
// 获取用户信息
this.userInfo();
}
},
/**
* 用户信息
*/
userInfo() {
wx.$api.user.home().then(res => {
this.setData({
avatar : res.data.avatar,
nickName : res.data.nickname,
identity : res.data.identity,
surplus : res.data.account.score.surplus
})
}).catch(err => {})
},
/**
* 商品详情
*/
goodInfo(id) {
wx.$api.mall.goodsShow(id).then(res => {
console.log(res.data)
this.setData({
mallData : res.data,
mallContent : res.data.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display:block;"'),
})
}).catch(err => {})
},
/**
* 放大轮播相册图片
*/
opneBanner(e){
let imgs = [],
index = e.currentTarget.dataset.index
for (let img of e.currentTarget.dataset.imgs){
imgs.push(img)
}
wx.previewImage({
urls : imgs,
current : imgs[index]
})
},
// 购买
buyTap(e) {
if(wx.getStorageSync("token")){
wx.navigateTo({
url: '../submit/index?skuid=' + this.data.mallData.skus[0].sku_id + '&goodsid=' + this.data.mallData.goods_id + '&qty=' + 1,
})
}else {
// 去登录
wx.navigateTo({
url: "/pages/login/index"
})
}
}
})

View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "锶源商城"
}

View File

@@ -0,0 +1,70 @@
<!-- 轮播 -->
<view class="banner">
<swiper class="swiperCont" indicator-color="rgba(255,255,255,.5)" indicator-active-color="#fff" autoplay="true">
<swiper-item data-index="{{index}}" data-imgs="{{mallData.pictures}}" bindtap="opneBanner" wx:for="{{mallData.pictures}}" wx:key="arr">
<image class="swiperImg" src="{{item}}" mode="aspectFill"></image>
</swiper-item>
</swiper>
<!-- 用户 -->
<view class="user-cont" wx:if="{{userLogin}}">
<view class="user-head">
<image class="user-avatar" src="{{avatar || '/static/imgs/default_myHead.png'}}" mode="aspectFill"></image>
<image wx:if="{{identity.order != '1'}}" class="user-ancrown" src="http://api.siyuankunlun.com/storage/materials/2022/09/14/ancrown.png" mode=""></image>
</view>
<view class="user-text">
<view class="user-top">
<view class="user-name">
{{nickName}}
</view>
<view class="user-icon">
<image wx:if="{{userData.is_partner}}" src="/static/icons/userIcon_01.png" mode="widthFix"></image>
</view>
</view>
<image wx:if="{{identity.order == '1'}}" class="user-identity" src="/static/icons/member_01.png" mode="widthFix"></image>
<image wx:elif="{{identity.order == '2'}}" class="user-identity" src="/static/icons/member_02.png" mode="widthFix"></image>
<image wx:elif="{{identity.order == '3'}}" class="user-identity" src="/static/icons/member_03.png" mode="widthFix"></image>
<image wx:elif="{{identity.order == '4'}}" class="user-identity" src="/static/icons/member_04.png" mode="widthFix"></image>
<image wx:elif="{{identity.order == '5'}}" class="user-identity" src="/static/icons/member_05.png" mode="widthFix"></image>
<image wx:else src="/static/icons/member_06.png" class="user-identity" mode="widthFix"></image>
</view>
<view class="water">
<image src="/static/icons/waterDrop.png"></image>{{surplus}}
</view>
</view>
</view>
<!-- 商品信息 -->
<view class="goodsInfo">
<view class="goodsInfo-name">
{{mallData.name}}
</view>
<!-- <view class="goodsInfo-info">
<view class="goodsInfo-price">
<view class="goodsInfo-price-symbol">¥</view>{{mallData.price.show}}
</view>
</view> -->
</view>
<!-- 产品详情 -->
<view class="detailsBrief">
<view class="detailsBrief-title">
产品详情
</view>
<view class="detailsBrief-img">
<!-- <view class="detailsBrief-text">{{mallData.description}}</view> -->
<!-- <view class="detailsBrief-back" wx:if="{{mallData.content.length > 0}}">
<image src="{{item}}" data-index="{{index}}" data-imgs="{{mallData.content}}" bindtap="opneImg" mode="widthFix" wx:for="{{mallData.content}}" wx:key="content"></image>
</view> -->
<view class="detailsBrief-back">
<rich-text nodes="{{mallContent}}"></rich-text>
</view>
</view>
<view class="goods-info-footer {{barHeight > 30 ? 'iphoneX':''}}">已经到底拉,在往上逛一逛吧</view>
</view>
<!-- <view class="footer">
<view class="number">需<text>{{mallData.price.show}}</text>水滴</view> 之前就是隐藏的
<view class="number">¥<text>{{mallData.price.show}}</text></view>
<view bindtap="buyTap" class="btn">立即购买</view>
</view> -->

View File

@@ -0,0 +1,233 @@
page {
background-color: #f3f3f5;
}
/* 产品轮播 */
.banner {
overflow: hidden;
position: relative;
padding-top: 100%;
}
.swiperCont,
.swiperImg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* 用户 */
.user-cont {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 99;
padding: 20rpx 30rpx;
display: flex;
box-sizing: border-box;
}
.user-head {
position: relative;
width: 90rpx;
height: 90rpx;
border-radius: 50%;
border: 6rpx solid #ffe0a8;
margin-top: 10rpx;
}
.user-avatar {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
}
.user-ancrown {
position: absolute;
width: 48rpx;
height: 48rpx;
right: 0;
top: -34rpx;
}
.user-text {
height: 120rpx;
width: calc(100% - 120rpx);
padding-left: 20rpx;
box-sizing: border-box;
}
.user-top {
display: flex;
line-height: 58rpx;
}
.user-name {
color: #ffffff;
padding-right: 10rpx;
}
.user-icon image {
width: 32rpx;
height: 32rpx;
margin: 12rpx 0 0 5rpx;
}
.user-identity {
margin-top: 5rpx;
width: 120rpx;
}
.water {
background-color: rgba(0, 0, 0, .3);
border-radius: 30rpx 30rpx 30rpx 0;
padding: 0 15rpx 0 10rpx;
height: 60rpx;
line-height: 60rpx;
display: flex;
position: absolute;
right: 30rpx;
top: 50rpx;
color: #ffffff;
}
.water image {
width: 46rpx;
height: 46rpx;
margin: 6rpx 5rpx 0 0;
}
/* 商品信息 */
.goodsInfo {
background-color: #ffffff;
padding: 30rpx;
width: 100%;
box-sizing: border-box;
font-weight: 600;
font-size: 32rpx;
}
.goodsInfo-name {
margin-bottom: 20rpx;
}
.goodsInfo-info {
display: flex;
line-height: 44rpx;
}
.goodsInfo-price {
font-size: 36rpx;
color: #df723a;
flex: 1;
}
.goodsInfo-price-symbol {
font-size: 28rpx;
display: inline-block;
margin-right: 5rpx;
}
.goodsInfo-price-see {
font-weight: normal;
color: #959595;
font-size: 28rpx;
}
/* 产品详情 */
.detailsBrief {
padding: 30rpx 0;
box-sizing: border-box;
background-color: #ffffff;
margin-top: 20rpx;
/* border-bottom: 60px solid transparent; */
}
.detailsBrief-title {
position: relative;
font-size: 32rpx;
height: 70rpx;
margin-bottom: 10rpx;
font-weight: 600;
text-align: center;
}
.goods-info-footer {
line-height: 40rpx;
text-align: center;
font-size: 24rpx;
color: #747788;
padding-top: 20rpx;
}
.detailsBrief-text {
padding: 30rpx;
box-sizing: border-box;
line-height: 44rpx;
}
.detailsBrief-back {
text-align: center;
padding: 0 30rpx;
box-sizing: border-box;
}
.cardcase-like-online {
font-weight: normal;
font-size: 24rpx;
border: solid 2rpx #d8c283;
color: #c7a232;
border-radius: 4rpx;
display: inline-block;
height: 32rpx;
line-height: 32rpx;
padding: 0 10rpx;
margin: 2rpx 10rpx;
}
/* 底部 */
.footer {
width: 100%;
height: 60px;
background-color: #FFFFFF;
position: fixed;
left: 0;
bottom: 0;
z-index: 9;
padding: 8px 30rpx;
box-sizing: border-box;
display: flex;
}
.number {
flex: 1;
line-height: 44px;
color: #6c78f8;
}
.number text {
padding: 0 5rpx;
font-weight: 600;
font-size: 38rpx;
}
.btn {
height: 36px;
line-height: 36px;
background-color: #6c78f8;
text-align: center;
color: #FFFFFF;
border-radius: 60rpx;
font-size: 28rpx;
padding: 0 30rpx;
margin-top: 8rpx;
}
.detailsBrief-back {
width: 100%;
}

View File

@@ -0,0 +1,77 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
goodsData : '', //详情
sign : '', //签收
express : '', //物流
orderNo : '' //订单号
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.setData({
orderNo: options.orderNo
})
// 订单详情
this.goodsInfo(options.orderNo);
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {},
// 获取订单详情
goodsInfo(orderNo) {
wx.$api.user.goodsDet(orderNo).then(res => {
this.setData({
goodsData : res.data,
sign : res.data.can.sign,
express : res.data.express
})
}).catch(err => {})
},
// 复制订单号
copyUrl(val) {
wx.setClipboardData({
data: val.currentTarget.dataset.no,
success: () => {
wx.showToast({
title: "复制成功",
icon : "none"
})
}
})
},
// 订单签收
signClick() {
wx.showModal({
title : '提示',
content : '是否签收',
success : res=> {
if (res.confirm) {
wx.$api.user.goodsSign(this.data.orderNo).then(res => {
wx.showToast({
title:'签收成功',
icon:'none'
})
wx.navigateBack()
}).catch(err => {})
}
}
})
}
})

View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "订单详情"
}

View File

@@ -0,0 +1,80 @@
<view class="orderData">
<view class="While">
<view class="orderData-cont-label">
<image class="orderData-cont-img" src="/static/icons/orderIcon_01.png" mode="aspectFill"></image>
<view class="orderData-cont-text">
<view class="orderData-cont-name">订单编号</view>
<view class="orderData-cont-copy">
<text class="nowrap">{{ goodsData.order_no }}</text>
<view bindtap="copyUrl" data-no="{{goodsData.order_no}}">复制</view>
</view>
</view>
</view>
<view class="orderData-cont-label">
<image class="orderData-cont-img" src="/static/icons/orderIcon_00.png" mode="aspectFill"></image>
<view class="orderData-cont-text">
<view class="orderData-cont-name">{{ goodsData.express.name }} <text>{{ goodsData.express.mobile }}</text></view>
<view class="orderData-cont-copy">
{{ goodsData.express.full_address }}
</view>
</view>
</view>
</view>
<view class="While orderGoods">
<view class="orderGoods-wares" wx:for="{{goodsData.items}}" wx:key="items">
<!-- 先默认固定图 -->
<image class="orderGoods-img" src="http://api.siyuankunlun.com/storage/materials/2022/09/14/photo.png" mode="widthFix"></image>
<view class="orderGoods-cont">
<view class="nowrap orderGoods-name">{{ item.sku.goods_name }}</view>
<view class="orderGoods-price">
<view class="orderGoods-number">{{ item.price }}</view><text>x{{ item.qty }}</text>
</view>
</view>
</view>
</view>
<view class="While reserveCont">
<view class="reserveCont-title">订单信息</view>
<view class="reserve-label">
<view class="reserve-name">交易时间</view>
<view class="reserve-text">{{ goodsData.created_at }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">总水滴数</view>
<view class="reserve-text reserve-red">{{ goodsData.amount }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">运费金额</view>
<view class="reserve-text">{{ goodsData.freight == 0 ? '免邮' : goodsData.freight }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">交易状态</view>
<view class="reserve-text green">{{ goodsData.state }}</view>
</view>
</view>
<view class="While reserveCont" wx:if="{{express.express_name}}">
<view class="reserveCont-title">物流信息</view>
<view class="reserve-label">
<view class="reserve-name">物流公司</view>
<view class="reserve-text">{{ express.express_name }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">收货姓名</view>
<view class="reserve-text green">{{ express.name }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">收货电话</view>
<view class="reserve-text green">{{ express.mobile }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">物流单号</view>
<view class="reserve-text">{{ express.express_no }}<view class="reserve-copy" bindtap="copyUrl" data-no="{{express.express_no}}">复制</view>
</view>
</view>
</view>
</view>
<view class="order-data-footer">
<navigator hover-class="none" class="order-btn" open-type="navigateBack">返回订单</navigator>
<view class="order-btn" bindtap="signClick" wx:if="{{sign}}">签收订单</view>
</view>

View File

@@ -0,0 +1,202 @@
page {
background: #f3f4f6;
padding: 30rpx;
box-sizing: border-box;
}
.While {
border-radius: 10rpx;
margin-bottom: 30rpx;
background-color: #FFFFFF;
box-shadow: 0 0 10rpx rgba(0, 0, 0, .05);
}
.orderData {
border-bottom: 70rpx transparent solid;
}
/* 订单 */
.orderData-cont-label {
padding: 40rpx 30rpx;
display: flex;
box-sizing: border-box;
border-bottom: #f2f2f2 2rpx solid;
}
.orderData-cont-img {
width: 48rpx;
height: 48rpx;
vertical-align: middle;
}
.orderData-cont-text {
width: calc(100% - 68rpx);
margin-left: 20rpx;
box-sizing: border-box;
}
.orderData-cont-name {
margin-bottom: 10rpx;
}
.orderData-cont-name text {
color: #999;
padding-left: 20rpx;
}
.orderData-cont-copy {
display: flex;
font-size: 28rpx;
color: #999;
}
.orderData-cont-copy text {
flex: 1;
display: inline-block;
margin-right: 20rpx;
}
.orderData-cont-copy view {
color: #eb504c;
}
/* 产品 */
.orderGoods {
padding: 30rpx;
box-sizing: border-box;
}
.orderGoods-wares {
position: relative;
}
.orderGoods-img {
width: 100rpx;
height: 100rpx;
border: 2rpx solid #dddddd;
border-radius: 10rpx;
}
.orderGoods-cont {
position: absolute;
width: 100%;
left: 0;
padding-left: 130rpx;
box-sizing: border-box;
top: 0;
}
.orderGoods-text {
margin: 20rpx 0 30rpx;
color: #666666;
font-size: 26rpx;
}
.orderGoods-price {
display: flex;
color: #555555;
margin-top: 15rpx;
}
.orderGoods-number {
flex: 1;
color: #000;
font-weight: 600;
}
.orderGoods-price text {
color: #999;
}
.reserve-red {
font-weight: 600;
color: #1d37e2;
}
.orderGoods-brief {
display: flex;
padding-top: 30rpx;
}
.orderGoods-brief view {
flex: 1;
color: #333333;
}
.orderGoods-brief text {
font-weight: 600;
}
/* 规格 */
.reserveCont-title {
font-weight: 600;
padding: 30rpx;
}
.reserve-label {
display: flex;
padding: 0 30rpx 30rpx;
box-sizing: border-box;
font-size: 28rpx;
}
.reserve-name {
flex: 1;
width: 200rpx;
margin-right: 20rpx;
color: #7e7e7e;
}
.reserve-text {
width: calc(100% - 240rpx);
text-align: right;
line-height: 50rpx;
}
.reserve-text.reserve-price {
font-weight: 600;
color: #1d37e2;
}
.reserve-copy {
color: #6774ff;
border: #6774ff 2rpx solid;
display: inline-block;
height: 34rpx;
line-height: 34rpx;
font-size: 26rpx;
padding: 0 10rpx;
border-radius: 4rpx;
margin-left: 10rpx;
}
/* 底部菜单 */
.order-data-footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
border-top: solid 1rpx #f2f2f2;
padding-top: 17rpx;
padding-right: 30rpx;
padding-left: 30rpx;
height: 83rpx;
background: white;
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
z-index: 9;
}
.order-btn {
margin-left: 20rpx;
height: 58rpx;
line-height: 58rpx;
box-sizing: border-box;
border: solid 1rpx #747788;
padding: 0 20rpx;
font-size: 26rpx;
border-radius: 10rpx;
margin-top: 5rpx;
}

View File

@@ -0,0 +1,94 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
categorieArr: [], //分类
articlesArr : [] , //列表
page : {}, //分页信息
listType : '', //类型
lodingStats : false, //加载状态
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取列表分类
this.categoriesInfo();
},
// 列表分类
categoriesInfo(){
wx.$api.user.mallCategories({
parent_id : this.data.listType
}).then(res => {
this.setData({
categorieArr: res.data,
listType : res.data[0].category_id
})
// 获取列表
this.articlesInfo();
}).catch(err => {})
},
// 列表
articlesInfo(page){
wx.$api.user.mallGoods({
category_id : this.data.listType,
page : page || 1
}).then(res => {
let listArr = this.data.articlesArr,
newData = []
if(page == 1 || page == undefined) listArr = []
newData = listArr.concat(res.data.data)
this.setData({
articlesArr : newData,
page : res.data.page,
lodingStats : false
})
wx.stopPullDownRefresh()
}).catch(err => {})
},
/**
* 状态筛选
*/
onTabs(val){
if(this.data.listType === val) return
this.setData({
listType: val.currentTarget.dataset.type
})
// 商品详情数据
this.articlesInfo();
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
// 获取列表
this.articlesInfo();
},
/**
* 上拉加载
*/
onReachBottom(){
this.setData({
lodingStats: true
})
let pageNumber = this.data.page.current
if(this.data.page.has_more){
pageNumber++
// 获取列表
this.articlesInfo(pageNumber);
}
}
})

View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "产品中心"
}

View File

@@ -0,0 +1,31 @@
<!-- <view class="header">
<scroll-view class="header-view" scroll-x="true" bindscroll="scroll">
<view wx:for="{{categorieArr}}" wx:key="categorieArr" class="tabs-item {{listType == item.category_id ? 'show' : ''}}" bindtap="onTabs" data-type="{{item.category_id}}">{{item.name}}</view>
</scroll-view>
</view> -->
<view class="list" wx:if="{{articlesArr.length > 0}}">
<navigator hover-class="none" url="/pages/mall/buy/index?id={{item.goods_id}}" wx:for="{{articlesArr}}" wx:key="articlesArr" class="item">
<image class="itemImg" mode="aspectFill" src="{{item.cover}}"></image>
<view class="itemCont">
<view class="nowrap itemCont-name">{{item.name}}</view>
<view class="nowrap itemCont-text">{{item.description}}</view>
<view class="itemCont-price">
<!-- <image src="/static/icons/newIcon_03.png"></image> -->
<!-- ¥{{item.price.price_max}} -->
</view>
</view>
</navigator>
<view class="pagesLoding" wx:if="{{lodingStats}}">
<block wx:if="{{page.has_more}}">
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>加载中...
</block>
<block wx:else>
没有更多了~
</block>
</view>
</view>
<view class="pack-center pages-hint" wx:else>
<image src="/static/imgs/coupon_null.png"></image>
<view>暂无数据</view>
</view>

View File

@@ -0,0 +1,108 @@
page {
background-color: #f6f6f6;
}
.list {
background-color: #ffffff;
padding: 30rpx;
box-sizing: border-box;
margin-top: 30rpx;
}
.item {
position: relative;
height: 180rpx;
margin-bottom: 30rpx;
border-bottom: 2rpx solid #eeeeee;
padding-bottom: 30rpx;
}
.item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.itemImg {
position: absolute;
left: 0;
top: 0;
width: 180rpx;
height: 180rpx;
border-radius: 10rpx;
overflow: hidden;
}
.itemCont {
position: absolute;
left: 0;
top: 0;
padding-left: 210rpx;
box-sizing: border-box;
width: 100%;
}
.itemCont-name {
line-height: 48rpx;
font-size: 30rpx;
}
.itemCont-text {
color: #999;
font-size: 26rpx;
margin: 15rpx 0 35rpx;
font-weight: 200;
}
.itemCont-price {
color: #f3ad47;
font-size: 36rpx;
}
.itemCont-price image {
width: 22rpx;
height: 22rpx;
padding-right: 5rpx;
}
/* tabs */
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
background-color: #ffffff;
line-height: 78rpx;
}
.header-view {
padding: 0 30rpx;
box-sizing: border-box;
font-size: 30rpx;
}
.tabs {
display: flex;
justify-content: space-around;
background: white;
padding: 15rpx 0;
font-size: 30rpx;
color: #9d9d9d;
height: 74rpx;
}
.tabs-item {
display: inline-block;
padding: 0 50rpx;
}
.tabs-item.show {
color: #1d37e2;
background-color: #f6f6f6;
border-radius: 10rpx 10rpx 0 0;
}
/* .list {
margin-top: 110rpx;
} */

View File

@@ -0,0 +1,291 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
goodId : '', //店铺id
skuId : '', //产品id
num : 1, //数量默认1
address : '', //地址
addressId : '', //地址id
stockData : '', //数据
amount : '', //总金额
freight : '', //运费
weight : '', //重量
remark : '', //备注
exchangeSee : false, //是否兑换
disabled : false,
orderNo : '', // 订单编号
surplus : '', // 水滴数量
paySuccess : false, // 兑换成功显示
payType : 'wechat' //支付类型 wechat微信 water水滴兑换
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.setData({
goodId: options.goodsid,
skuId : options.skuid,
num : options.qty
})
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取订单前置
this.orderShow()
// 获取用户信息
this.userInfo();
},
/**
* 用户信息
*/
userInfo() {
wx.$api.user.home().then(res => {
this.setData({
surplus : res.data.account.score.surplus
})
}).catch(err => {})
},
/**
* 订单前置
*/
orderShow() {
wx.$api.mall.foundOrder({
goods_sku_id: this.data.skuId,
address_id : this.data.addressId,
qty : this.data.num
}).then(res => {
this.setData({
address : res.data.address,
addressId : res.data.address.address_id,
stockData : res.data.detail,
amount : res.data.amount,
freight : res.data.freight,
weight : res.data.weight
})
}).catch(err => {})
},
/**
* 商品数量加减
*/
goodsNumber(e){
let num = this.data.num,
val = e.currentTarget.dataset.type
if (val == 'plus'){
num ++;
}else{
if (num > 1){
num --;
}else{
wx.showToast({
title : '商品数量不能小于1',
icon : 'none'
})
}
this.setData({
num: num
})
}
this.setData({
num: num
})
// 获取订单前置
this.orderShow()
},
/**
* 输入商品数量
*/
goodsNumberInput(e) {
let goodsNum = e.detail.value;
if (goodsNum > 0) {
this.setData({
num: goodsNum
})
} else {
wx.showToast({
title: '商品数量不能小于1',
icon: 'none'
});
this.setData({
num: 1
})
}
},
/**
* 选择支付方式
*/
radioChange(e) {
this.setData({
payType : e.detail.value
})
},
/**
* 是否确认兑换
*/
exchangeShow() {
let newQty = this.data.num
let data = {
goods_sku_id: this.data.skuId,
remark : this.data.remark,
qty : newQty,
address_id : this.data.address.address_id
}
wx.$api.mall.affirmOrder(data).then(res => {
this.setData({
orderNo: res.data.order_no
})
// this.data.current == wechat 为微信支付
if(this.data.payType == 'wechat') {
this.wxPay()
return
}
// this.data.payType == water 为水滴兑换
this.setData({
exchangeSee: !this.data.exchangeSee
})
}).catch(err => {})
},
/**
* 水滴兑换确认订单
*/
goodsForm() {
this.waterPay();
},
/**
* 关闭兑换弹出
*/
goodsCancel() {
this.setData({
exchangeSee: false
})
},
// 微信支付
wxPay() {
wx.showLoading({
title: '支付中...',
mask : true
})
let that = this
wx.login({
success: res => {
wx.$api.member.openid(res).then(openidRes => {
wx.$api.member.wechatPay(this.data.orderNo, {
type : 'miniapp',
openid : openidRes.data
}).then(PayRes => {
wx.hideLoading()
this.setData({
disabled : true
})
let payInfo = JSON.parse(PayRes.data.wechat)
wx.requestPayment({
timeStamp: payInfo.timeStamp,
nonceStr : payInfo.nonceStr,
package : payInfo.package,
paySign : payInfo.paySign,
signType : payInfo.signType,
success : payInfoRes=>{
if(payInfoRes.errMsg == "requestPayment:ok"){
wx.showToast({
title: '支付成功',
icon: 'none',
duration: 2000,
//显示透明蒙层,防止触摸穿透
mask:true,
success: function () {
that.setData({
paySuccess: true
})
setTimeout(()=>{
wx.redirectTo({
url: '/pages/order/list/index?listType=paid'
})
},3000)
}
})
}
},
fail : res=>{
wx.showToast({
title: '支付失败',
icon: 'none',
duration: 500,
//显示透明蒙层,防止触摸穿透
mask:true,
success: function () {
that.setData({
paySuccess: true
})
setTimeout(()=>{
wx.redirectTo({
url: '/pages/order/list/index?listType=unpay'
})
},3000)
}
})
}
})
}).catch(err => {})
}).catch(err => {})
}
})
},
// 水滴兑换
waterPay() {
wx.showLoading({
title: '兑换中...',
mask : true
})
let that = this
wx.$api.mall.affirmPay(this.data.orderNo, {gateway: 'miniapp'}).then(res => {
wx.hideLoading()
this.setData({
exchangeSee: false,
disabled : true
})
wx.showToast({
title: '兑换成功',
icon: 'none',
duration: 2000,
//显示透明蒙层,防止触摸穿透
mask:true,
success: function () {
that.setData({
paySuccess: true
})
setTimeout(()=>{
wx.redirectTo({
url: '/pages/order/list/index?listType=paid'
})
},3000)
}
})
}).catch(err => {})
}
})

View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "确认订单"
}

View File

@@ -0,0 +1,105 @@
<view style="border-bottom: 60px solid transparent;">
<!-- 地址 -->
<view class="address">
<navigator hover-class="none" url="/pages/stock/site/index?type=goodsAddress" class="address-cont" wx:if="{{address}}">
<view class="address-top">
<view class="address-area">{{address.province.name}}{{address.city.name}}</view>
<view class="address-text">{{address.full_address}}</view>
</view>
<view class="address-name">
{{address.name}}<text>{{address.mobile}}</text>
</view>
<image class="address-arrow" src="/static/icons/userLogin_icon.png"></image>
</navigator>
<view class="address-add" wx:else>
<navigator hover-class="none" url="/pages/stock/site/index?type=goodsAddress" class="address-go">新增收货地址 +</navigator>
</view>
<image class="address-img" src="/static/imgs/address.png" mode="widthFix"></image>
</view>
<!-- 商品 -->
<view class="good" wx:for="{{stockData}}" wx:key="stockData">
<block wx:for="{{item.items}}" wx:key="items" wx:for-item="items">
<image class="good-img" src="{{items.cover ? items.cover : '/static/imgs/default.png'}}" mode="aspectFill"></image>
<view class="good-cont">
<view class="good-name nowrap">{{items.title}}</view>
<view class="good-tips">24瓶/箱</view>
<view class="good-price"><text>¥</text>{{items.price}}</view>
</view>
</block>
</view>
<!-- 规格 -->
<view class="label">
<view class="label-item">
<view class="label-name">购买数量</view>
<view class="label-number">
<view class="number-btn" bindtap="goodsNumber" data-type="remove">-</view>
<input bindinput="goodsNumberInput" class="number-input" type="text" value="{{num}}" disabled />
<view class="number-btn" bindtap="goodsNumber" data-type="plus">+</view>
</view>
</view>
<view class="label-item">
<view class="label-name">快递</view>
<view class="label-text">免邮</view>
</view>
<view class="label-item">
<view class="label-name">重量</view>
<view class="label-text">{{weight}}</view>
</view>
<view class="label-item">
<view class="label-name">水滴兑换</view>
<view class="label-integral">需{{amount}}水滴</view>
</view>
</view>
<!-- 购买方式 -->
<view class="label payWay" wx:if="{{surplus > 0}}">
<view class="label-name">购买方式</view>
<view class="cashierCont-pay-way">
<radio-group bindchange="radioChange" style="width: 100%; display: block; height: 270rpx;">
<view class="cashierCont-way-label {{ payType == 'wechat' ? 'active' : ''}}">
<view class="payContList-label-name">
<image class="payContList-label-img" src="/static/imgs/wx.jpg"></image>
<text>微信支付</text>
</view>
<radio class="radio" value="wechat"></radio>
</view>
<view class="cashierCont-way-label {{ payType == 'water' ? 'active' : ''}}">
<view class="payContList-label-name">
<image class="payContList-label-img" src="/static/imgs/wqb.jpg"></image>
<text>水滴兑换</text>
</view>
<radio class="radio" value="water"></radio>
</view>
</radio-group>
</view>
</view>
</view>
<!-- 底部 -->
<view class="footer">
<view class="number">{{payType == 'wechat' ? '¥' : '需要'}}<text>{{amount}}</text>{{payType == 'wechat' ? '' : '水滴'}}</view>
<button class="btn" bindtap="exchangeShow" disabled="{{disabled}}">{{payType == 'wechat' ? '立即购买' : '立即兑换'}}</button>
</view>
<!-- 是否确认兑换商品弹出 -->
<view class="exchangePop {{exchangeSee ? 'active' : ''}}"></view>
<view class="exchangeCont {{exchangeSee ? 'active' : ''}}">
<view class="exchange-title">
确认兑换产品吗?
</view>
<view class="exchange-number">
<image class="exchange-img" src="/static/imgs/waterIcon.png"></image>
需要<text>{{amount}}</text>个水滴
</view>
<view class="exchange-btn">
<view class="exchange-item" bindtap="goodsCancel">取消</view>
<view class="exchange-item" bindtap="goodsForm">确定</view>
</view>
</view>
<view class="pack-center pages-hint grey" wx:if="{{paySuccess}}">
<image src="/static/icons/loadingGif.gif"></image>
<view>疯狂加载中...</view>
</view>

View File

@@ -0,0 +1,342 @@
page {
background-color: #f5f6f8;
padding: 30rpx;
box-sizing: border-box;
}
/* 地址 */
.address {
background-color: #FFFFFF;
border-radius: 20rpx;
overflow: hidden;
position: relative;
}
.address-arrow {
position: absolute;
right: 30rpx;
top: 80rpx;
width: 38rpx;
height: 38rpx;
}
.address-cont {
padding: 30rpx 30rpx 0;
box-sizing: border-box;
}
.address-area {
color: #585866;
font-size: 28rpx;
}
.address-text {
font-weight: 600;
padding: 10px 0;
}
.address-name text {
color: #585866;
padding-left: 30rpx;
}
.address-img {
width: 100%;
}
.address-add {
width: 100%;
text-align: center;
padding: 30rpx 30rpx 0;
box-sizing: border-box;
}
.address-go {
display: inline-block;
font-size: 28rpx;
line-height: 68rpx;
border-radius: 10rpx;
color: #df723a;
}
/* 商品 */
.good {
background-color: #FFFFFF;
border-radius: 20rpx;
overflow: hidden;
margin: 30rpx 0;
position: relative;
padding: 30rpx;
}
.good-img {
width: 160rpx;
height: 160rpx;
}
.good-cont {
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 30rpx 30rpx 0 220rpx;
box-sizing: border-box;
}
.good-name {
font-size: 30rpx;
}
.good-price {
color: #df723a;
}
.good-price text {
font-size: 26rpx;
padding-right: 5rpx;
}
.label-integral {
color: #6c78f8;
font-weight: 600;
}
.good-tips {
margin: 10rpx 0 25rpx;
color: #585866;
font-size: 28rpx;
}
/* 规格 */
.label {
background-color: #FFFFFF;
border-radius: 20rpx;
overflow: hidden;
box-sizing: border-box;
}
.label-item {
display: flex;
line-height: 100rpx;
color: #585866;
font-size: 30rpx;
padding: 0 30rpx;
box-sizing: border-box;
border-bottom: 2rpx solid rgb(243, 243, 243);
}
.label-item:last-child {
border: none;
}
.label-name {
flex: 1;
}
.label-price {
text-align: right;
line-height: 90rpx;
font-size: 30rpx;
font-weight: 600;
padding: 0 30rpx 5rpx;
box-sizing: border-box;
}
.label-price text {
font-size: 34rpx;
padding: 0 10rpx;
}
.label-number {
display: flex;
margin-top: 25rpx;
}
.number-btn {
background-color: #f1f1f1;
width: 48rpx;
height: 48rpx;
line-height: 46rpx;
text-align: center;
}
.number-input {
width: 80rpx;
text-align: center;
}
/* 购买方式 */
.payWay {
margin-top: 30rpx;
padding: 30rpx;
box-sizing: border-box;
}
.cashierCont-pay-way {
padding: 40rpx 0;
height: 270rpx;
box-sizing: border-box;
}
.cashierCont-way-label {
float: left;
border: 2rpx solid #e8e8e8;
box-sizing: border-box;
padding: 30rpx 0;
border-radius: 10rpx;
width: calc(50% - 84rpx);
text-align: center;
margin: 0 40rpx;
font-size: 30rpx;
position: relative;
color: #999999;
}
.cashierCont-way-label.active {
border-color: #d5a56d;
color: #df723a;
box-shadow: 0 4rpx 20rpx rgba(204, 6, 29, 0.2);
}
.cashierCont-way-label radio {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.cashierCont-way-label image {
width: 78rpx;
height: 78rpx;
display: block;
margin: 0 auto 20rpx;
}
/* 底部 */
.footer {
width: 100%;
height: 60px;
background-color: #FFFFFF;
position: fixed;
left: 0;
bottom: 0;
z-index: 9;
padding: 8px 30rpx;
box-sizing: border-box;
display: flex;
}
.number {
flex: 1;
line-height: 44px;
color: #6c78f8;
}
.number text {
padding: 0 5rpx;
font-weight: 600;
font-size: 38rpx;
}
.btn {
height: 36px;
line-height: 36px;
background-color: #6c78f8;
text-align: center;
color: #FFFFFF;
border-radius: 60rpx;
font-size: 28rpx;
padding: 0 30rpx !important;
width: auto !important;
margin-top: 8rpx;
}
/* 兑换弹出 */
.exchangePop {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
left: 0;
top: 0;
display: none;
z-index: 9;
}
.exchangePop.active {
display: block;
}
.exchangeCont {
left: 10%;
top: 50%;
width: 80%;
margin-top: -200rpx;
position: fixed;
z-index: 100;
background-color: #FFFFFF;
border-radius: 20rpx;
overflow: hidden;
text-align: center;
padding: 40rpx;
display: none;
box-sizing: border-box;
}
.exchangeCont.active {
display: block;
}
.exchange-title {
text-align: center;
color: #2b2b2b;
font-weight: 600;
font-size: 34rpx;
}
.exchange-number {
font-size: 28rpx;
margin: 30rpx 0;
}
.exchange-number text {
color: #f31d23;
font-weight: 600;
padding: 0 5rpx;
}
.exchange-img {
display: block;
width: 80rpx;
height: 80rpx;
margin: 10rpx auto;
}
.exchange-btn {
display: flex;
}
.exchange-item {
line-height: 78rpx;
flex: 2;
text-align: center;
margin: 0 15rpx;
border: 2rpx solid #000;
border-radius: 50rpx;
background-color: #FFFFFF;
}
.exchange-item:last-child {
background-color: #f31d23;
color: #FFFFFF;
border-color: #f31d23;
}
.grey {
background-color: #f9f9f9;
z-index: 99999;
position: fixed;
}

View File

@@ -0,0 +1,99 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
service : '',
orderId : '',
identityId : '',
username : '', //用户
price : '', //打款金额
name : '',
card_no : '',
//打款凭证
showpath : '',
path : '',
disabled : false ,// 提交按钮状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.setData({
orderId : options.order_id,
identityId : options.identity_id
})
// 获取银行+账号
wx.$api.member.identitieSee(options.identity_id).then(res => {
this.setData({
service: res.data.identity.service,
price : res.data.identity.price
})
}).catch(err => {})
// 获取账户+凭证
wx.$api.member.orderSee(options.order_id).then(res => {
this.setData({
username : res.data.name,
showpath : res.data.cover,
path : res.data.cover,
})
}).catch(err => {})
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
// 上传图片
openImg(){
wx.chooseMedia({
count : 1,
success : path => {
// 上传图片
wx.$api.file.uploadImg(path.tempFiles[0].tempFilePath, {}).then(res=>{
this.setData({
showpath: res.url,
path : res.path
})
})
}
})
},
// 提交表单
issueForm(e) {
let value = e.detail.value;
let data = {
name : value.name,
price : value.price,
cover : this.data.path
}
wx.$api.member.orderSubmit(this.data.orderId, data).then(res => {
wx.showToast({
title: '提交成功',
icon: 'none',
duration: 2000
})
setTimeout(()=>{
wx.redirectTo({
url: '/pages/member/examine/examine'
})
},3000)
this.setData({
disabled: true
})
}).catch(err => {})
}
})

View File

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

View File

@@ -0,0 +1,40 @@
<form bindsubmit="issueForm" class="take">
<view class="take-label">
<view class="item">
<view class="name">
<image src="/static/icons/takeIcon_00.png" mode="widthFix"></image>收款银行
</view>
<view class="time">{{service.bank}}</view>
</view>
<view class="item">
<view class="name">
<image src="/static/icons/takeIcon_01.png" mode="widthFix"></image>收款银行帐号
</view>
<view class="time">{{service.bank_no}}</view>
</view>
<view class="item">
<view class="name">
<image src="/static/icons/takeIcon_02.png" mode="widthFix"></image>打款金额
</view>
<input class="entry" type="text" value="{{price}}" name="price" placeholder="请输入打款金额" />
</view>
<view class="item">
<view class="name">
<image src="/static/icons/takeIcon_03.png" mode="widthFix"></image>转款账户
</view>
<input class="entry" type="text" name="name" value="{{username}}" placeholder="请输入转款人账户名" />
</view>
<view class="item">
<view class="name">
<image src="/static/icons/takeIcon_04.png" mode="widthFix"></image>打款凭证
</view>
<view class="issueNew" bindtap="openImg">
<image class="issueNew-icon" src="{{showpath || '/static/imgs/cover_img.png'}}" mode="aspectFill"></image>
<view class="issueNew-text">请上传转款电子回单</view>
</view>
</view>
</view>
<view class="userdata-btn">
<button class="issue-btn" form-type="submit" size="mini" disabled="{{disabled}}">提交审核</button>
</view>
</form>

View File

@@ -0,0 +1,96 @@
page {
background-color: #f4f4f4;
}
.take-label {
padding: 30rpx 30rpx 0;
box-sizing: border-box;
border-bottom: 160rpx solid transparent;
}
.item {
padding:25rpx 20rpx 30rpx;
box-sizing: border-box;
background-color: #FFFFFF;
border-bottom: 2rpx solid #f3f3f3;
font-size: 32rpx;
margin-bottom: 30rpx;
border-radius: 30rpx;
}
.name {
width: 100%;
display: flex;
line-height: 44rpx;
margin-bottom: 20rpx;
}
.name image {
width: 44rpx;
height: 44rpx;
margin-right: 15rpx;
}
.time {
width: 100%;
color: #9d9d99;
}
.entry {
width: 100%;
background-color: #f4f4f4;
font-size: 30rpx;
padding: 0 30rpx;
height: 84rpx;
line-height: 84rpx;
box-sizing: border-box;
border-radius: 10rpx;
color: #9d9d99;
}
.issueNew {
text-align: center;
margin-top: 20rpx;
}
.issueNew-icon {
width: 200rpx;
height: 200rpx;
}
.issueNew-text {
font-size: 28rpx;
color: #9d9d9d;
}
/* 按钮 */
.userdata-btn {
width: 100%;
box-sizing: border-box;
padding: 30rpx;
position: fixed;
bottom: 0;
left: 0;
z-index: 99;
right: 0;
background: white;
}
.issue-btn {
background: #1d37e2;
text-align: center;
color: white;
height: 90rpx;
line-height: 90rpx !important;
font-size: 34rpx;
font-weight: normal;
width: 100% !important;
margin: 0;
padding: 0;
border-radius: 10rpx;
}
.issue-btn[disabled] {
background: #9b9b9b !important;
color: #fff !important;
}

View File

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

View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "审核"
}

View File

@@ -0,0 +1,10 @@
<view class="pack-center pages-hint">
<image src="/static/imgs/time.png"></image>
<view class="tips">
<view class="tips-name">开通会员审核已提交</view>
<view class="tips-text">请耐心等待,可随时关注会会员状态</view>
</view>
<navigator hover-class="none" url="/pages/member/index" open-type="switchTab" class="btn">
知道了
</navigator>
</view>

View File

@@ -0,0 +1,26 @@
.tips {
margin: 30rpx 0;
}
.tips-name {
color: #000000;
font-weight: 600;
font-size: 36rpx;
margin-bottom: 20rpx;
}
.tips-text {
font-size: 30rpx;
}
.btn {
background-color: #0074ff;
color: #ffffff;
display: inline-block;
width: 50%;
line-height: 96rpx;
border-radius: 60rpx;
font-size: 30rpx;
margin-top: 80rpx;
box-shadow: 0 0 20rpx 6rpx rgba(0, 116, 255, .5);
}

View File

@@ -0,0 +1,135 @@
// pages/member/index.js
Page({
/**
* 页面的初始数据
*/
data: {
userLogin : '', //登录状态
avatar : '', //头像
nickName : '', //昵称
identityId : '', //用户id
identityShow : '', //身份有效期
tabType : 3, // 会员选项
identitiesData : [],
interestData : '', // 会员权益
vipsData : '', //会员公告
barHeight : getApp().globalData.statusBarHeight, // 状态栏高度
jiaonangheight : getApp().globalData.jiaonangheight, //胶囊高度
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取登录状态
if(wx.getStorageSync("token")){
this.setData({
userLogin: true
})
// 获取用户信息
this.userInfo();
}
// 获取身份前置
this.identityInfo();
// 获取身份权益
this.openTab();
},
/**
* 用户信息
*/
userInfo() {
wx.$api.user.home().then(res => {
this.setData({
userData : res.data,
avatar : res.data.avatar,
nickName : res.data.nickname,
identityId : res.data.identity.id,
identityShow : res.data.identityShow
})
}).catch(err => {})
},
/**
* 身份前置
*/
identityInfo(){
wx.$api.member.openModel().then(res => {
this.setData({
identitiesData : res.data.identities,
vipsData : res.data.vips
})
}).catch(err => {})
},
/**
* 切换身份
*/
typeClick(e) {
this.setData({
tabType: e.currentTarget.dataset.type
})
// 获取身份权益
this.openTab();
},
/**
* 身份权益
*/
openTab() {
// 3为季卡,4为月卡,5为年卡
wx.$api.member.openSee(this.data.tabType).then(res => {
this.setData({
interestData: res.data
})
}).catch(err => {})
},
/**
* 截获竖向滑动
*/
catchTouchMove(){
return false
},
/**
* 处理未登录时的转跳
*/
userNav(e){
let pageUrl = e.currentTarget.dataset.url
if(wx.getStorageSync("token")){
wx.navigateTo({
url: pageUrl
})
}else{
// 去登录
wx.navigateTo({
url: "/pages/login/index"
})
}
},
/**
* 查看驳回原因
*/
tapCause(e) {
console.log(e.currentTarget.dataset.text)
wx.showModal({
title : '驳回原因',
content : e.currentTarget.dataset.text,
showCancel: false,
success : res=> {}
})
}
})

View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationStyle": "custom"
}

View File

@@ -0,0 +1,107 @@
<view class="Usetop">
<image class="Usetop-back" mode="widthFix" src="/static/imgs/uaer_back.png"></image>
<view class="Usetop-range" style="padding-top:{{barHeight + jiaonangheight}}px;">
<view class="Usetop-cont" wx:if="{{userLogin}}">
<view class="Usetop-head {{identityId == '1' ? 'active' : ''}}">
<image class="Usetop-head-avatar" bindtap="updImg" src="{{avatar ? avatar : '/static/imgs/default_myHead.png'}}" mode="aspectFill"></image>
</view>
<view class="Usetop-text">
<view class="Usetop-text-name">
{{nickName}}
<!--1为游客 2为普通会员 3为月卡会员 4为季卡会员 5为年卡会员 -->
<image wx:if="{{identityId == '2'}}" src="/static/icons/member_02.png" mode="widthFix"></image>
<image wx:elif="{{identityId == '3'}}" src="/static/icons/member_03.png" mode="widthFix"></image>
<image wx:elif="{{identityId == '4'}}" src="/static/icons/member_04.png" mode="widthFix"></image>
<image wx:elif="{{identityId == '5'}}" src="/static/icons/member_05.png" mode="widthFix"></image>
<image wx:else src="/static/icons/member_01.png" mode="widthFix"></image>
</view>
<view class="Usetop-text-time" wx:if="{{identityId != '1' || identityId == '2'}}">
{{identityShow.times.name}}会员有效期至 {{identityShow.times.ended_at}}
</view>
<view class="Usetop-text-time" wx:else>
暂未开通会员
</view>
</view>
</view>
<view class="Usetop-cont" wx:else>
<view class="Usetop-head">
<image class="Usetop-head-avatar" bindtap="updImg" src="../../static/imgs/default_myHead.png" mode="aspectFill"></image>
</view>
<view class="Usetop-text">
<navigator hover-class="none" url="/pages/login/index" class="Usetop-text-name">
请先登录
</navigator>
<view class="Usetop-text-time">
登录后开通会员
</view>
</view>
</view>
</view>
</view>
<!-- 公告 -->
<view class="notice">
<view class="notice-cont">
<swiper class="notice-cont-swiper" autoplay vertical interval="4000" circular duration="1000">
<block wx:for="{{vipsData}}" wx:key="vipsData">
<swiper-item catchtouchmove="catchTouchMove">
<view class="swiper-item">
<image class="notice-cont-avatar" src="{{item.avatar ? item.avatar : '/static/imgs/default_myHead.png'}}" mode="aspectFill"></image>
<view class="notice-cont-name">用户<text>{{item.nickname}}</text>成为了{{item.identity.name}}</view>
</view>
</swiper-item>
</block>
</swiper>
</view>
</view>
<!-- 权益 -->
<view class="interest">
<view class="interest-title">开通会员立享<text>{{interestData.rules.length}}</text>大权益</view>
<view class="interest-cont">
<swiper class="interest-item" interval="4000" circular duration="1000">
<swiper-item>
<view class="interest-label" wx:for="{{interestData.rules}}" wx:key="rules">
<image class="interest-label-icon" src="{{item.cover}}" mode="widthFix"></image>
<view class="interest-label-name">{{item.text}}</view>
</view>
</swiper-item>
</swiper>
<view class="interest-tab">
<view class="interest-tab-title">会员充值</view>
<view class="interest-tab-item">
<view class="interest-tab-label {{tabType == item.id ? 'active' : ''}}" bindtap="typeClick" data-type="{{item.id}}" wx:for="{{identitiesData}}" wx:key="identitiesData">
<view class="interest-tab-name">
锶享会·{{item.name}}
</view>
<view class="interest-tab-number">
<text>¥</text>{{item.price}}
</view>
<view class="interest-tab-text">{{item.bottle}}瓶({{item.stock}}箱)</view>
</view>
</view>
</view>
</view>
</view>
<!-- 按钮 -->
<view class="open">
<block wx:if="{{userLogin}}">
<view class="open-btn" bindtap="userNav" data-url="./open/open?identity_id={{interestData.identity_id}}" wx:if="{{interestData.can.open}}"><text>¥{{interestData.price}}</text>立即开通</view>
<block wx:else>
<navigator hover-class="none" url="./open/open?identity_id={{interestData.identity_id}}" class="open-btn" wx:if="{{interestData.can.renew}}">
立即续费
</navigator>
<block wx:else>
<block wx:if="{{interestData.can.re_open}}">
<navigator url="./cause/cause?identity_id={{interestData.identity_id}}&order_id={{interestData.identity_order.order_id}}" hover-class="none" class="open-btn">修改{{interestData.buttonText}}</navigator>
<view class="seeCause" data-text="{{interestData.identity_order.reject_reason}}" bindtap="tapCause">查看驳回原因</view>
</block>
<view class="open-btn active" wx:else>
{{interestData.buttonText}}
</view>
</block>
</block>
</block>
<navigator class="open-btn" url="/pages/login/index" wx:else><text>¥{{interestData.price}}</text>立即开通</navigator>
</view>

View File

@@ -0,0 +1,239 @@
/* 头部 */
.Usetop {
width: 100%;
position: relative;
padding-top: 45%;
}
.Usetop-back,
.Usetop-range {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.Usetop-back {
z-index: 1;
}
.Usetop-range {
z-index: 2;
}
.Usetop-cont {
padding: 20rpx 0 0 50rpx;
box-sizing: border-box;
display: flex;
}
.Usetop-head {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
border: 6rpx solid #ffffff;
position: relative;
}
.Usetop-head-avatar {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
}
.Usetop-text {
width: calc(100% - 110rpx);
padding: 0 30rpx;
box-sizing: border-box;
}
.Usetop-text-name {
font-size: 36rpx;
display: flex;
margin-top: 6rpx;
}
.Usetop-text image {
width: 130rpx;
margin-left:20rpx;
vertical-align: middle;
}
.Usetop-text-time {
font-size: 28rpx;
margin-top: 10rpx;
}
/* 公告 */
.notice {
padding: 0 30rpx;
box-sizing: border-box;
}
.notice-cont {
background-color: #ffffff;
border-radius: 80rpx;
padding: 20rpx 30rpx;
box-sizing: border-box;
box-shadow: 0rpx 3rpx 20rpx 4rpx rgba(13, 81, 177, .05);
height: 100rpx;
}
.notice-cont-swiper {
height: 100%;
}
.notice-cont-avatar {
width: 60rpx;
height: 60rpx;
border-radius: 50%;
}
.swiper-item {
display: flex;
font-size: 28rpx;
line-height: 64rpx;
}
.notice-cont-name {
width: calc(100% - 60rpx);
padding-left: 20rpx;
box-sizing: border-box;
}
.notice-cont-name text {
color: #3b7cff;
}
/* 权益 */
.interest {
padding: 50rpx 15rpx 30rpx;
box-sizing: border-box;
}
.interest-title {
text-align: center;
color: #4683ff;
font-size: 34rpx;
}
.interest-cont {
padding: 30rpx 0;
}
.interest-item {
height: 200rpx;
}
.interest-label {
float: left;
width: calc(20% - 30rpx);
margin: 0 15rpx;
font-size: 28rpx;
text-align: center;
}
.interest-label-icon {
width: 100%;
}
.interest-tab {
position: relative;
padding: 40rpx 0 30rpx;
box-sizing: border-box;
}
.interest-tab::after {
position: absolute;
content: '';
left: 15rpx;
top: 0;
width: calc(100% - 30rpx);
height: 2rpx;
background-color: #f1f4f9;
}
.interest-tab-title {
font-weight: 600;
font-size: 34rpx;
padding: 0 15rpx;
}
.interest-tab-item {
margin-top: 30rpx;
display: flex;
}
.interest-tab-label {
flex: 3;
text-align: center;
box-shadow: 0rpx 0rpx 20rpx 4rpx rgba(13, 81, 177, .05);
margin: 0 15rpx;
padding: 30rpx 0;
box-sizing: border-box;
border-radius: 20rpx;
font-size: 30rpx;
border: 4rpx solid #ffffff;
}
.interest-tab-label.active {
border-color: #3b7cff;
}
.interest-tab-name {
color: #666666;
}
.interest-tab-number {
color: #3b7cff;
margin: 20rpx 0;
font-size: 40rpx;
font-weight: 600;
}
.interest-tab-number text {
font-size: 26rpx;
font-weight: normal;
}
.interest-tab-text {
font-size: 26rpx;
color: #999999;
}
/* 按钮 */
.open {
padding: 0 30rpx 30rpx;
box-sizing: border-box;
}
.open-btn {
width: 100%;
line-height: 100rpx;
background-color: #3b7cff;
color: #ffffff;
border-radius: 60rpx;
overflow: hidden;
text-align: center;
font-size: 34rpx;
}
.open-btn.active {
background-color: rgb(156, 156, 156);
}
.seeCause {
text-align: center;
line-height: 90rpx;
font-size: 28rpx;
color: #8a5400;
text-decoration: underline;
}
.open-btn text {
padding-right: 20rpx;
font-weight: 600;
}

View File

@@ -0,0 +1,93 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
service : '',
username: '', //用户手机号
price : '', //打款金额
name : '',
card_no : '',
//打款凭证
showpath: '',
path : '',
disabled : false ,// 提交按钮状态
identityId: ''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.setData({
identityId: options.identity_id
})
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
wx.$api.user.home().then(res => {
this.setData({
username: res.data.username
})
}).catch(err => {})
wx.$api.member.identitieSee(this.data.identityId).then(res => {
this.setData({
service: res.data.identity.service,
price : res.data.identity.price
})
}).catch(err => {})
},
// 上传图片
openImg(){
wx.chooseMedia({
count : 1,
success : path => {
// 上传图片
wx.$api.file.uploadImg(path.tempFiles[0].tempFilePath, {}).then(res=>{
this.setData({
showpath: res.url,
path : res.path
})
})
}
})
},
// 提交表单
issueForm(e) {
let value = e.detail.value;
let data = {
name : value.name,
price : value.price,
cover : this.data.path
}
wx.$api.member.openIndex(this.data.identityId, data).then(res => {
wx.showToast({
title: '提交成功',
icon: 'none',
duration: 2000
})
setTimeout(()=>{
wx.redirectTo({
url: '/pages/member/examine/examine'
})
},3000)
this.setData({
disabled: true
})
}).catch(err => {
})
}
})

View File

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

View File

@@ -0,0 +1,40 @@
<form bindsubmit="issueForm" class="take">
<view class="take-label">
<view class="item">
<view class="name">
<image src="/static/icons/takeIcon_00.png" mode="widthFix"></image>收款银行
</view>
<view class="time">{{service.bank}}</view>
</view>
<view class="item">
<view class="name">
<image src="/static/icons/takeIcon_01.png" mode="widthFix"></image>收款银行帐号
</view>
<view class="time">{{service.bank_no}}</view>
</view>
<view class="item">
<view class="name">
<image src="/static/icons/takeIcon_02.png" mode="widthFix"></image>打款金额
</view>
<input class="entry" type="text" value="{{price}}" name="price" placeholder="请输入打款金额" />
</view>
<view class="item">
<view class="name">
<image src="/static/icons/takeIcon_03.png" mode="widthFix"></image>转款账户
</view>
<input class="entry" type="text" name="name" placeholder="请输入转款人账户名" />
</view>
<view class="item">
<view class="name">
<image src="/static/icons/takeIcon_04.png" mode="widthFix"></image>打款凭证
</view>
<view class="issueNew" bindtap="openImg">
<image class="issueNew-icon" src="{{showpath || '/static/imgs/cover_img.png'}}" mode="aspectFill"></image>
<view class="issueNew-text">请上传转款电子回单</view>
</view>
</view>
</view>
<view class="userdata-btn">
<button class="issue-btn" form-type="submit" size="mini" disabled="{{disabled}}">提交审核</button>
</view>
</form>

View File

@@ -0,0 +1,96 @@
page {
background-color: #f4f4f4;
}
.take-label {
padding: 30rpx 30rpx 0;
box-sizing: border-box;
border-bottom: 160rpx solid transparent;
}
.item {
padding:25rpx 20rpx 30rpx;
box-sizing: border-box;
background-color: #FFFFFF;
border-bottom: 2rpx solid #f3f3f3;
font-size: 32rpx;
margin-bottom: 30rpx;
border-radius: 30rpx;
}
.name {
width: 100%;
display: flex;
line-height: 44rpx;
margin-bottom: 20rpx;
}
.name image {
width: 44rpx;
height: 44rpx;
margin-right: 15rpx;
}
.time {
width: 100%;
color: #9d9d99;
}
.entry {
width: 100%;
background-color: #f4f4f4;
font-size: 30rpx;
padding: 0 30rpx;
height: 84rpx;
line-height: 84rpx;
box-sizing: border-box;
border-radius: 10rpx;
color: #9d9d99;
}
.issueNew {
text-align: center;
margin-top: 20rpx;
}
.issueNew-icon {
width: 200rpx;
height: 200rpx;
}
.issueNew-text {
font-size: 28rpx;
color: #9d9d9d;
}
/* 按钮 */
.userdata-btn {
width: 100%;
box-sizing: border-box;
padding: 30rpx;
position: fixed;
bottom: 0;
left: 0;
z-index: 99;
right: 0;
background: white;
}
.issue-btn {
background: #1d37e2;
text-align: center;
color: white;
height: 90rpx;
line-height: 90rpx !important;
font-size: 34rpx;
font-weight: normal;
width: 100% !important;
margin: 0;
padding: 0;
border-radius: 10rpx;
}
.issue-btn[disabled] {
background: #9b9b9b !important;
color: #fff !important;
}

View File

@@ -0,0 +1,77 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
goodsData : '', //详情
sign : '', //签收
express : '', //物流
orderNo : '' //订单号
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.setData({
orderNo: options.orderNo
})
// 订单详情
this.goodsInfo(options.orderNo);
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {},
// 获取订单详情
goodsInfo(orderNo) {
wx.$api.user.goodsDet(orderNo).then(res => {
this.setData({
goodsData : res.data,
sign : res.data.can.sign,
express : res.data.express
})
}).catch(err => {})
},
// 复制订单号
copyUrl(val) {
wx.setClipboardData({
data: val.currentTarget.dataset.no,
success: () => {
wx.showToast({
title: "复制成功",
icon : "none"
})
}
})
},
// 订单签收
signClick() {
wx.showModal({
title : '提示',
content : '是否签收',
success : res=> {
if (res.confirm) {
wx.$api.user.goodsSign(this.data.orderNo).then(res => {
wx.showToast({
title:'签收成功',
icon:'none'
})
wx.navigateBack()
}).catch(err => {})
}
}
})
}
})

View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "订单详情"
}

View File

@@ -0,0 +1,84 @@
<view class="orderData">
<view class="While">
<view class="orderData-cont-label">
<image class="orderData-cont-img" src="/static/icons/orderIcon_01.png" mode="aspectFill"></image>
<view class="orderData-cont-text">
<view class="orderData-cont-name">订单编号</view>
<view class="orderData-cont-copy">
<text class="nowrap">{{ goodsData.order_no }}</text>
<view bindtap="copyUrl" data-no="{{goodsData.order_no}}">复制</view>
</view>
</view>
</view>
<view class="orderData-cont-label">
<image class="orderData-cont-img" src="/static/icons/orderIcon_00.png" mode="aspectFill"></image>
<view class="orderData-cont-text">
<view class="orderData-cont-name">{{ goodsData.express.name }} <text>{{ goodsData.express.mobile }}</text></view>
<view class="orderData-cont-copy">
{{ goodsData.express.full_address }}
</view>
</view>
</view>
</view>
<view class="While orderGoods">
<view class="orderGoods-wares" wx:for="{{goodsData.items}}" wx:key="items">
<!-- 先默认固定图 -->
<image class="orderGoods-img" src="{{ item.sku.cover }}" mode="widthFix"></image>
<view class="orderGoods-cont">
<view class="nowrap orderGoods-name">{{ item.sku.goods_name }}</view>
<view class="orderGoods-price">
<text>¥{{ item.price }}</text>
x{{ item.qty }}
</view>
</view>
</view>
</view>
<view class="While reserveCont">
<view class="reserveCont-title">订单信息</view>
<!-- <view class="reserve-label">
<view class="reserve-name">订单类型</view>
<view class="reserve-text">
<text class="active" wx:if="{{goodsData.type == '积分兑换'}}">兑换订单</text>
<text wx:else>提货订单</text>
</view>
</view> -->
<view class="reserve-label">
<view class="reserve-name">交易时间</view>
<view class="reserve-text">{{ goodsData.created_at }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">运费</view>
<view class="reserve-text">{{ goodsData.freight == 0 ? '免邮' : goodsData.freight }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">交易状态</view>
<view class="reserve-text green">{{ goodsData.state }}</view>
</view>
</view>
<view class="While reserveCont" wx:if="{{express.express_name}}">
<view class="reserveCont-title">物流信息</view>
<view class="reserve-label">
<view class="reserve-name">物流公司</view>
<view class="reserve-text">{{ express.express_name }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">收货姓名</view>
<view class="reserve-text green">{{ express.name }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">收货电话</view>
<view class="reserve-text green">{{ express.mobile }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">物流单号</view>
<view class="reserve-text">{{ express.express_no }}<view class="reserve-copy" bindtap="copyUrl" data-no="{{express.express_no}}">复制</view>
</view>
</view>
</view>
</view>
<view class="order-data-footer">
<navigator hover-class="none" class="order-btn" open-type="navigateBack">返回订单</navigator>
<view class="order-btn" bindtap="signClick" wx:if="{{sign}}">签收订单</view>
</view>

View File

@@ -0,0 +1,209 @@
page {
background: #f3f4f6;
padding: 30rpx;
box-sizing: border-box;
}
.While {
border-radius: 10rpx;
margin-bottom: 30rpx;
background-color: #FFFFFF;
box-shadow: 0 0 10rpx rgba(0, 0, 0, .05);
}
.orderData {
border-bottom: 70rpx transparent solid;
}
/* 订单 */
.orderData-cont-label {
padding: 40rpx 30rpx;
display: flex;
box-sizing: border-box;
border-bottom: #f2f2f2 2rpx solid;
}
.orderData-cont-img {
width: 48rpx;
height: 48rpx;
vertical-align: middle;
}
.orderData-cont-text {
width: calc(100% - 68rpx);
margin-left: 20rpx;
box-sizing: border-box;
font-size: 30rpx;
}
.orderData-cont-name {
margin-bottom: 10rpx;
}
.orderData-cont-name text {
color: #999;
padding-left: 20rpx;
}
.orderData-cont-copy {
display: flex;
font-size: 26rpx;
color: #999;
}
.orderData-cont-copy text {
flex: 1;
display: inline-block;
margin-right: 20rpx;
}
.orderData-cont-copy view {
color: #eb504c;
}
/* 产品 */
.orderGoods {
padding: 30rpx;
box-sizing: border-box;
}
.orderGoods-wares {
position: relative;
}
.orderGoods-img {
width: 100rpx;
height: 100rpx;
border: 2rpx solid #dddddd;
border-radius: 10rpx;
}
.orderGoods-cont {
position: absolute;
width: calc(100% - 130rpx);
left: 130rpx;
top: 0;
font-size: 30rpx;
}
.orderGoods-text {
margin: 20rpx 0 30rpx;
color: #666666;
font-size: 26rpx;
}
.orderGoods-price {
display: flex;
color: #555555;
margin-top: 15rpx;
}
.orderGoods-price text {
flex: 1;
color: #000;
}
.orderGoods-brief {
display: flex;
padding-top: 30rpx;
}
.orderGoods-brief view {
flex: 1;
color: #333333;
}
.orderGoods-brief text {
font-weight: 600;
}
/* 规格 */
.reserveCont-title {
font-weight: 600;
padding: 30rpx;
font-size: 30rpx;
}
.reserve-label {
display: flex;
padding: 0 30rpx 30rpx;
box-sizing: border-box;
font-size: 26rpx;
}
.reserve-name {
flex: 1;
width: 200rpx;
margin-right: 20rpx;
color: #7e7e7e;
}
.reserve-text {
width: calc(100% - 240rpx);
text-align: right;
line-height: 50rpx;
}
.reserve-text text {
font-size: 24rpx;
display: inline-block;
background-image: linear-gradient(to right, #f16e06, #f34206);
color: #FFFFFF;
border-radius: 6rpx;
padding: 0 10rpx;
height: 44rpx;
line-height: 44rpx;
margin-top: 6rpx;
}
.reserve-text text.active {
background-image: linear-gradient(to right, #027be6, #2855f0);
}
.reserve-text.reserve-price {
font-weight: 600;
color: #1d37e2;
}
.reserve-copy {
color: #6774ff;
border: #6774ff 2rpx solid;
display: inline-block;
height: 34rpx;
line-height: 34rpx;
font-size: 26rpx;
padding: 0 10rpx;
border-radius: 4rpx;
margin-left: 10rpx;
}
/* 底部菜单 */
.order-data-footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
border-top: solid 1rpx #f2f2f2;
padding-top: 17rpx;
padding-right: 30rpx;
padding-left: 30rpx;
height: 83rpx;
background: white;
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
z-index: 9;
}
.order-btn {
margin-left: 20rpx;
height: 58rpx;
line-height: 58rpx;
box-sizing: border-box;
border: solid 1rpx #747788;
padding: 0 20rpx;
font-size: 26rpx;
border-radius: 10rpx;
margin-top: 5rpx;
}

View File

@@ -0,0 +1,246 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
listType : 'unpay', //unpay待付款, paid待发货delivered已发货signed已签收 completed已完成
orderArr : [], //订单列表
disabled : false,
surplus : '', // 水滴数量
orderNo : '', // 订单编号
payEject : false, // 支付弹出
payType : 'wechat' //支付类型 wechat微信 water水滴兑换
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.setData({
listType: options.listType
})
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取订单列表
this.ordersInfo();
// 获取用户信息
this.userInfo();
},
/**
* 用户信息
*/
userInfo() {
wx.$api.user.home().then(res => {
this.setData({
surplus : res.data.account.score.surplus
})
}).catch(err => {})
},
/**
* 订单列表
*/
ordersInfo(page) {
wx.$api.user.orders({
state: this.data.listType,
page : page
}).then(res => {
let listArr = this.data.orderArr,
newData = []
if(page == 1 || page == undefined) listArr = []
newData = listArr.concat(res.data.data)
this.setData({
orderArr : newData,
page : res.data.page,
lodingStats : false
})
wx.stopPullDownRefresh()
}).catch(err => {})
},
/**
* 状态筛选
*/
onTabs(val){
if(this.data.listType === val) return
this.setData({
listType: val.currentTarget.dataset.type
})
// 商品详情数据
this.ordersInfo();
},
/**
* 选择支付方式
*/
radioChange(e) {
this.setData({
payType : e.detail.value
})
},
/**
* 立即付款
*/
payTap(e) {
this.setData({
orderNo: e.currentTarget.dataset.no,
payEject: true
})
},
/**
* 立即付款-弹出关闭
*/
payClose() {
this.setData({
payEject: false
})
},
// 支付提交
paySubmit() {
this.setData({
payEject: false
})
if(this.data.payType == 'wechat') {
this.wxPay()
return
}
// this.data.payType == water 为水滴兑换
this.waterPay()
},
// 微信支付
wxPay() {
wx.showLoading({
title: '支付中...',
mask : true
})
let that = this
wx.login({
success: res => {
wx.$api.member.openid(res).then(openidRes => {
wx.$api.member.wechatPay(this.data.orderNo, {
type : 'miniapp',
openid : openidRes.data
}).then(PayRes => {
wx.hideLoading()
this.setData({
disabled : true
})
let payInfo = JSON.parse(PayRes.data.wechat)
wx.requestPayment({
timeStamp: payInfo.timeStamp,
nonceStr : payInfo.nonceStr,
package : payInfo.package,
paySign : payInfo.paySign,
signType : payInfo.signType,
success : payInfoRes=>{
if(payInfoRes.errMsg == "requestPayment:ok"){
wx.showToast({
title: '支付成功',
icon: 'none',
duration: 2000,
//显示透明蒙层,防止触摸穿透
mask:true,
success: function () {
// 获取订单列表
that.ordersInfo();
}
})
}
},
fail : res=>{
wx.showToast({
title: '支付失败',
icon: 'none',
duration: 500,
//显示透明蒙层,防止触摸穿透
mask:true,
success: function () {
// 获取订单列表
that.ordersInfo();
that.setData({
listType: 'unpay'
})
}
})
}
})
}).catch(err => {})
}).catch(err => {})
}
})
},
// 水滴兑换
waterPay() {
wx.showLoading({
title: '水滴兑换中...',
mask : true
})
let that = this
wx.$api.mall.affirmPay(this.data.orderNo, {gateway: 'miniapp'}).then(res => {
wx.hideLoading()
this.setData({
disabled : true
})
wx.showToast({
title: '兑换成功',
icon: 'none',
duration: 2000,
//显示透明蒙层,防止触摸穿透
mask:true,
success: function () {
// 获取订单列表
that.ordersInfo();
that.setData({
listType: 'unpay'
})
}
})
}).catch(err => {})
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
// 获取订单列表
this.ordersInfo();
},
/**
* 上拉加载
*/
onReachBottom(){
this.setData({
lodingStats: true
})
let pageNumber = this.data.page.current
if(this.data.page.has_more){
pageNumber++
// 获取订单列表
this.ordersInfo(pageNumber);
}
}
})

View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "我的订单"
}

View File

@@ -0,0 +1,84 @@
<view class="header">
<view class="tabs">
<view class="item {{listType == 'paid' ? 'show' : ''}}" bindtap="onTabs" data-type="paid">待发货</view>
<view class="item {{listType == 'unpay' ? 'show' : ''}}" bindtap="onTabs" data-type="unpay">待付款</view>
<view class="item {{listType == 'delivered' ? 'show' : ''}}" bindtap="onTabs" data-type="delivered">已发货</view>
<view class="item {{listType == 'signed' ? 'show' : ''}}" bindtap="onTabs" data-type="signed">已签收</view>
<!-- <view class="item {{listType == 'completed' ? 'show' : ''}}" bindtap="onTabs" data-type="completed">已完成</view> -->
</view>
</view>
<view class="order" wx:if="{{orderArr.length > 0}}">
<view class="While order-list" wx:for="{{orderArr}}" wx:key="orderArr">
<view class="order-top">
<view class="order-top-number">{{ item.order_no }}</view>
<view class="order-top-tips">{{ item.state }}</view>
</view>
<view class="order-name" wx:for-item="goodItem" wx:for="{{item.items}}" wx:key="items">
<!-- 先默认固定图 -->
<image class="order-img" src="{{ goodItem.sku.cover }}" mode="widthFix"></image>
<view class="order-goods">
<view class="order-label">
<view class="nowrap order-label-name">
{{ goodItem.sku.goods_name }}
</view>
<view class="order-label-price">
{{goodItem.sku.price != 0 ? '¥' + goodItem.sku.price : '兑换'}}
</view>
</view>
<view class="order-specs">
x{{ goodItem.qty }}
</view>
</view>
</view>
<view class="order-text">
<view class="order-time">下单时间:{{ item.created_at }}</view>
</view>
<view class="order-btn">
<!-- <view class="order-btn-type">
<text class="active" wx:if="{{item.type == '积分兑换'}}">兑换订单</text>
<text wx:else>提货订单</text>
</view> -->
<view class="order-btn-atn order-btn-go" bindtap="payTap" data-no="{{item.order_no}}" wx:if="{{item.can.pay}}">去付款</view>
<navigator hover-class="none" url="../details/index?orderNo={{item.order_no}}" class="order-btn-atn">订单详情</navigator>
</view>
</view>
<view class="pagesLoding" wx:if="{{lodingStats}}">
<block wx:if="{{page.has_more}}">
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>加载中...
</block>
<block wx:else>
没有更多了~
</block>
</view>
</view>
<view class="pack-center pages-hint" wx:else>
<image src="/static/imgs/coupon_null.png"></image>
<view>暂无数据</view>
</view>
<!-- 支付弹出 -->
<view class="payPop {{payEject ? 'active' : ''}}"></view>
<view class="payCont {{payEject ? 'active' : ''}}">
<image class="payCont-label-close" src="/static/icons/reportColse_grey.png" bindtap="payClose"></image>
<radio-group bindchange="radioChange" style="width: 100%; display: block;">
<view class="payCont-label {{ payType == 'wechat' ? 'active' : ''}}">
<view class="payContList-label-name">
<image class="payCont-label-img" src="/static/imgs/wx.jpg"></image>
<text>微信支付</text>
</view>
<image class="payContList-label-arrow" src="{{ payType == 'wechat' ? '/static/icons/check_icon.png' : '/static/icons/userLogin_icon.png'}}"></image>
<radio class="radio" value="wechat"></radio>
</view>
<view class="payCont-label {{ payType == 'water' ? 'active' : ''}}" wx:if="{{surplus > 0}}">
<view class="payContList-label-name">
<image class="payCont-label-img" src="/static/imgs/wqb.jpg"></image>
<text>水滴兑换</text>
</view>
<image class="payContList-label-arrow" src="{{ payType == 'water' ? '/static/icons/check_icon.png' : '/static/icons/userLogin_icon.png'}}"></image>
<radio class="radio" value="water"></radio>
</view>
</radio-group>
<view class="payCont-btn" bindtap="paySubmit">{{ payType == 'wechat' ? '立即支付' : '立即兑换'}}</view>
</view>

View File

@@ -0,0 +1,278 @@
page {
overflow: hidden;
background: #f3f4f6;
padding: 30rpx;
box-sizing: border-box;
}
.While {
border-radius: 10rpx;
margin-bottom: 30rpx;
background-color: #FFFFFF;
padding: 0 30rpx;
box-sizing: border-box;
box-shadow: 0 0 10rpx rgba(0, 0, 0, .05);
}
.order {
position: absolute;
width: 100%;
left: 0;
top: 0;
padding: 120rpx 30rpx 30rpx;
box-sizing: border-box;
height: 100%;
overflow-y: scroll;
}
.order-top {
line-height: 90rpx;
box-sizing: border-box;
display: flex;
font-size: 28rpx;
border-bottom: 2rpx #f2f2f2 solid;
}
.order-top-number {
flex: 1;
}
.order-top-tips {
font-size: 26rpx;
color: #eb504c;
}
.order-name {
padding: 20rpx 0;
box-sizing: border-box;
position: relative;
}
.order-img {
width: 90rpx;
height: 90rpx;
margin-right: 20rpx;
border-radius: 10rpx;
}
.order-goods {
position: absolute;
width: 100%;
left: 0;
top: 0;
padding: 20rpx 20rpx 20rpx 110rpx;
box-sizing: border-box;
}
.order-label {
display: flex;
font-size: 30rpx;
margin-bottom: 15rpx;
}
.order-label-name {
flex: 1;
margin-right: 30rpx;
}
.order-label-price {
font-size: 26rpx;
color: #999;
}
.order-specs {
font-size: 24rpx;
color: #919191;
display: flex;
}
.order-specs text {
display: inline-block;
flex: 1;
}
.order-text {
font-size: 28rpx;
line-height: 40rpx;
display: flex;
padding-bottom: 20rpx;
border-top: 2rpx solid #f2f2f2;
border-bottom: 2rpx solid #f2f2f2;
padding-top: 20rpx;
}
.order-time {
color: #919191;
font-size: 24rpx;
flex: 1;
}
.order-price text {
font-weight: 600;
color: #1d37e2;
}
.order-btn {
padding: 30rpx 0;
box-sizing: border-box;
position: relative;
font-size: 24rpx;
text-align: right;
}
.order-btn-type {
flex: 1;
}
.order-btn-type text {
display: inline-block;
background-image: linear-gradient(to right, #f16e06, #f34206);
color: #FFFFFF;
border-radius: 6rpx;
padding: 0 10rpx;
height: 44rpx;
line-height: 44rpx;
margin-top: 6rpx;
}
.order-btn-type text.active {
background-image: linear-gradient(to right, #027be6, #2855f0);
}
.order-btn-atn {
border: 2rpx solid #f2f2f2;
border-radius: 40rpx;
padding: 0 30rpx;
height: 52rpx;
line-height: 52rpx;
color: #767676;
display: inline-block;
margin-left: 15rpx;
}
.order-btn-go {
color: #eb504c;
border-color: #eb504c;
}
.order-btn-atn.active {
color: #1d37e2;
border-color: #bfc5ff;
}
/* tabs */
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
}
.tabs {
display: flex;
justify-content: space-around;
background: white;
padding: 15rpx 0;
font-size: 30rpx;
color: #9d9d9d;
}
.item {
height: 60rpx;
line-height: 60rpx;
}
.item.show {
color: #1d37e2;
border-bottom: solid 4rpx #1d37e2;
}
.payPop {
position: fixed;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, .3);
left: 0;
top: 0;
z-index: 998;
display: none;
}
.payPop.active {
display: block;
}
.payCont {
position: fixed;
width: 100vw;
background-color: #FFFFFF;
border-radius: 20rpx 20rpx 0 0;
box-sizing: border-box;
left: 0;
bottom: -10000%;
z-index: 999;
padding: 100rpx 40rpx 40rpx;
transition: .2s;
}
.payCont-label-close {
width: 40rpx;
height: 40rpx;
position: absolute;
top: 30rpx;
right: 40rpx;
z-index: 1000;
}
.payCont.active {
bottom: 0;
}
.payCont-label {
display: flex;
height: 80rpx;
line-height: 80rpx;
margin-bottom: 40rpx;
border-top: 2rpx solid #ececec;
padding-top: 40rpx;
position: relative;
}
.payCont-label-img {
width: 64rpx;
height: 64rpx;
margin-top: 8rpx;
margin-right: 20rpx;
}
.payContList-label-name {
line-height: 80rpx;
display: flex;
flex: 1;
font-weight: 600;
}
.payCont-label radio {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.payContList-label-arrow {
width: 38rpx;
height: 38rpx;
margin-top: 18rpx;
}
.payCont-btn {
width: 100%;
text-align: center;
margin: 80rpx 0 40rpx;
background-color: #1d37e2;
line-height: 100rpx;
border-radius: 10rpx;
color: #FFFFFF;
}

View File

@@ -0,0 +1,183 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
name : '', // 姓名
mobile : '', // 电话
address : '', // 地址
defaultVal: '', // 默认地址
// 省份选择
areasArr : [],
areaId : '',
areaIndex : 0,
// 市级选择
cityArr : [],
cityId : 0,
cityIndex : 0,
// 区域选择
regiArr : [],
regiId : 0,
regiIndex : 0,
disabled : false
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.setData({
experience: options.experience
})
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
if(this.data.experience != false) {
this.setData({
areaIndex: 18
})
}
// 获取省市区列表
this.createInfo();
},
/**
* 省市区列表
*/
createInfo() {
wx.$api.stock.create().then(res => {
let areas = res.data,
areaIndex = this.data.areaIndex
this.setData({
areasArr : areas,
areaId : areas[areaIndex].id,
})
this.citylist(areas[areaIndex].id)
}).catch(err => {})
},
/**
* 所在省份-下拉
*/
areasChange(e) {
let area = this.data.areasArr,
index = e.detail.value,
atcode = area[index].id
if (index != this.data.areaIndex) {
this.setData({
areaIndex : index,
areaId : atcode
})
// 获取市级列表
this.citylist(atcode)
}
},
/**
* 市级列表
*/
citylist(cityId) {
wx.$api.stock.create({
parent_id: cityId
}).then(res=>{
let cityArr = res.data
// 从体验官入口进入 默认为深圳
if(this.data.experience) {
this.setData({
cityId : cityArr[2].id,
cityIndex : 2,
cityArr : cityArr
})
this.regilist(cityArr[2].id)
return
}
this.setData({
cityId : cityArr[0].id,
cityIndex : 0,
cityArr : cityArr
})
// 获取区级列表
this.regilist(cityArr[0].id)
})
},
/**
* 市级下拉筛选
*/
cityDrop(e) {
let city = this.data.cityArr,
index = e.detail.value,
citycode = city[index].id
if (index != this.data.areaIndex) {
this.setData({
cityIndex : index,
qcityId : citycode
})
// 获取市级列表
this.regilist(citycode)
}
},
/**
* 区列表
*/
regilist(areaId) {
wx.$api.stock.create({
parent_id: areaId
}).then(res=>{
this.setData({
regiArr : res.data,
regiId : res.data[0].id,
regiIndex : 0
})
})
},
/**
* 区下拉筛选
*/
regiDrop(e) {
let newIndex = e.detail.value
this.setData({
regiIndex : newIndex,
regiId : this.data.regiArr[newIndex].id
})
},
// 提交表单
siteform(e) {
let value = e.detail.value
let data = {
name : value.name,
mobile : value.mobile,
address : value.address,
province_id : this.data.areaId,
city_id : this.data.cityId,
district_id : this.data.regiId
}
wx.$api.stock.siteAdd(data).then(res => {
this.setData({
disabled: true
})
wx.navigateBack()
}).catch(err => {})
}
})

View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "新增地址"
}

View File

@@ -0,0 +1,48 @@
<form bindsubmit="siteform" class="site-form">
<view class="site-input">
<label>收货人</label>
<input placeholder="请输入收货人姓名" name="name"></input>
</view>
<view class="site-input">
<label>手机号码</label>
<input placeholder="请输入手机号码" maxlength="11" name="mobile" type="number"></input>
</view>
<view class="site-input">
<label>所在省份</label>
<picker bindchange="areasChange" value="{{areaIndex}}" range="{{areasArr}}" range-key="name">
<view class="picker">
{{ areasArr[areaIndex].name }}
</view>
<image src="/static/icons/userLogin_icon.png"></image>
</picker>
</view>
<view class="site-input">
<label>所在城市</label>
<picker bindchange="cityDrop" value="{{cityIndex}}" range="{{cityArr}}" range-key="name" class="conneColor">
<view class="picker">
{{ cityArr[cityIndex].name }}
</view>
<image src="/static/icons/userLogin_icon.png"></image>
</picker>
</view>
<view class="site-input">
<label>所在区域</label>
<picker bindchange="regiDrop" value="{{regiIndex}}" range="{{regiArr}}" range-key="name" class="conneColor">
<view class="picker">
{{ regiArr[regiIndex].name }}
</view>
<image src="/static/icons/userLogin_icon.png"></image>
</picker>
</view>
<view class="site-input">
<label>收货地址</label>
<input placeholder="请输入详细地址" name="address"></input>
</view>
<!-- <view class="site-switch">
<text>设置默认地址</text>
<switch style='zoom:.6;' bindchange="addressDefault" color="#eb504c" />
</view> -->
<view class="site-btn">
<button form-type="submit" size="mini" disabled="{{disabled}}">保存</button>
</view>
</form>

View File

@@ -0,0 +1,79 @@
.site-form {
background: white;
display: block;
}
.site-input {
padding: 0 30rpx 0 200rpx;
position: relative;
line-height: 110rpx;
min-height: 110rpx;
border-bottom: 2rpx solid #f3f3f3;
}
.site-input::before {
position: absolute;
bottom: 0;
left: 30rpx;
right: 0;
height: 1rpx;
content: "";
background: #e4e6f2;
}
.site-input:last-child::before {
display: none;
}
.site-input label {
position: absolute;
left: 30rpx;
top: 0;
}
.site-input input {
height: 110rpx;
}
.site-input image {
width: 38rpx;
height: 38rpx;
position: absolute;
right: 20rpx;
top: calc(50% - 19rpx);
}
.site-btn {
padding: 20rpx 30rpx;
margin-top: 100rpx;
}
.site-btn button[size="mini"] {
width: 100%;
background: #1d37e2;
height: 88rpx;
line-height: 88rpx;
font-size: 30rpx;
color: white;
padding: 0;
}
.site-btn button[disabled] {
background: #7789ff !important;
color: #fff !important;
}
.site-switch {
font-size: 32rpx;
margin: 30rpx;
display: flex;
line-height: 40rpx;
}
.site-switch text {
flex: 1;
}
.site-switch-active {
color: #797979;
}

View File

@@ -0,0 +1,87 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
stockData : '', //前置
logsArr : [], // 提货列表数据
page : {}, //下一页
lodingStats : false, //加载状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取提货前置
this.pickInfo();
// 获取账变记录
this.logsList();
},
/**
* 提货前置
*/
pickInfo (){
wx.$api.stock.pick().then(res => {
this.setData({
stockData : res.data.stockData
})
}).catch(err => {})
},
/**
* 账变记录
*/
logsList (page){
wx.$api.stock.logs({
page: page
}).then(res => {
let listArr = this.data.logsArr,
newData = []
if(page == 1 || page == undefined) listArr = []
newData = listArr.concat(res.data.data)
this.setData({
logsArr : newData,
page : res.data.page,
lodingStats : false
})
wx.stopPullDownRefresh()
}).catch(err => {})
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
// 获取账变记录
this.logsList();
},
/**
* 上拉加载
*/
onReachBottom(){
this.setData({
lodingStats: true
})
let pageNumber = this.data.page.current
if(this.data.page.has_more){
pageNumber++
// 获取账变记录
this.logsList(pageNumber);
}
}
})

View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "库存明细"
}

View File

@@ -0,0 +1,44 @@
<view class="top">
<image class="top-img" src="http://api.siyuankunlun.com/storage/materials/2022/09/14/stock_list.png" mode="aspectFill"></image>
<view class="top-back">
<view class="top-item">
<view class="item-name">库存总量</view>
<view class="item-number">{{stockData.stock}}<text>箱</text></view>
</view>
<view class="top-item">
<view class="item-name">提货量</view>
<view class="item-number">{{stockData.hold}}<text>箱</text></view>
</view>
</view>
</view>
<view class="list">
<view class="list-name">库存明细</view>
<block wx:if="{{logsArr.length > 0}}">
<view class="item" wx:for="{{logsArr}}" wx:key="logsArr">
<view class="title">
<view class="name">
<image src="/static/icons/stockList_01.png" mode="widthFix"></image>{{item.type}}
</view>
<view class="number reduce">
{{item.variable}}
</view>
</view>
<view class="time">
{{item.created_at}}
</view>
</view>
<view class="pagesLoding" wx:if="{{lodingStats}}">
<block wx:if="{{page.has_more}}">
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>加载中...
</block>
<block wx:else>
没有更多了~
</block>
</view>
</block>
<view class="pages-no" wx:else>
<image src="/static/imgs/text_null.png" mode="widthFix"></image>
<view>~暂无数据哦~</view>
</view>
</view>

View File

@@ -0,0 +1,107 @@
/* 头部 */
.top {
position: relative;
height: 200rpx;
}
.top-img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.top-back {
position: absolute;
padding: 45rpx 30rpx 0 90rpx;
box-sizing: border-box;
width: 100%;
height: 100%;
left: 0;
top: 0;
color: #FFFFFF;
display: flex;
}
.top-item {
flex: 2;
}
.item-name {
font-size: 28rpx;
margin-bottom: 10rpx;
opacity: .8;
}
.item-number {
font-size:54rpx;
}
.item-number text {
font-size: 26rpx;
padding-left: 10rpx;
}
/* 列表 */
.list {
padding: 30rpx;
box-sizing: border-box;
}
.list-name {
color: #13234a;
font-weight: 600;
margin-bottom: 40rpx;
font-size: 36rpx;
}
.item {
margin-bottom: 30rpx;
padding-bottom: 30rpx;
border-bottom: 2rpx solid #f3f3f3;
}
.title {
display: flex;
margin-bottom: 20rpx;
}
.name {
flex: 1;
font-weight: 600;
font-size: 30rpx;
display: flex;
line-height: 28rpx;
}
.name image {
width: 28rpx;
height: 28rpx;
margin-right: 20rpx;
}
.number {
font-weight: 600;
color: #175ad6;
line-height: 28rpx;
}
.reduce {
color: #ef5555;
}
.time {
color: #676767;
font-size: 28rpx;
}
.pages-no {
text-align: center;
padding: 120rpx 0 30rpx;
color: #9d9d9d;
font-size: 28rpx;
}
.pages-no image {
width: 180rpx;
}

View File

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

View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "等待审核"
}

View File

@@ -0,0 +1,9 @@
<view class="examine">
<image src="http://api.siyuankunlun.com/storage/materials/2022/09/14/examine.png" mode="widthFix"></image>
<view class="text">
<view class="title">审核中</view>
<view class="time">预计审核时间1个工作日</view>
<view class="time">审核结果会微信消息提醒,请您耐心等待</view>
</view>
<navigator hover-class="none" open-type="navigateBack" class="return">返回</navigator>
</view>

View File

@@ -0,0 +1,33 @@
.examine {
padding: 240rpx 0 30rpx;
box-sizing: border-box;
text-align: center;
}
.examine image {
width: 35%;
margin: 0 auto 30rpx;
}
.title {
font-weight: 600;
font-size: 42rpx;
margin-bottom: 30rpx;
}
.time {
color: #999999;
line-height: 50rpx;
}
.return {
display: inline-block;
margin-top: 80rpx;
background-color: #1d37e2;
padding: 0 180rpx;
height: 90rpx;
line-height: 90rpx;
border-radius: 10rpx;
box-shadow: 0 3rpx 6rpx 4rpx rgba(6, 34, 214, .6);
color: #FFFFFF;
}

View File

@@ -0,0 +1,109 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
stockData: '', //数据
address : '', //地址
listArr : [], //提货列表数据
avatar : '', //头像
identity : '', //身份
page : {}, //下一页
lodingStats : false,//加载状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取用户信息
this.userInfo();
// 获取提货前置
this.pickInfo();
// 获取提货列表
this.pickList();
},
/**
* 用户信息
*/
userInfo() {
wx.$api.user.home().then(res => {
this.setData({
avatar : res.data.avatar,
identity : res.data.identity
})
}).catch(err => {})
},
/**
* 提货前置
*/
pickInfo (){
wx.$api.stock.pick().then(res => {
this.setData({
stockData : res.data.stockData,
address : res.data.address
})
}).catch(err => {})
},
/**
* 提货列表
*/
pickList (page){
wx.$api.stock.list({
page: page
}).then(res => {
let listArr = this.data.listArr,
newData = []
if(page == 1 || page == undefined) listArr = []
newData = listArr.concat(res.data.data)
this.setData({
listArr : newData,
page : res.data.page,
lodingStats : false
})
wx.stopPullDownRefresh()
}).catch(err => {})
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
// 获取提货列表
this.pickList();
},
/**
* 上拉加载
*/
onReachBottom(){
this.setData({
lodingStats: true
})
let pageNumber = this.data.page.current
if(this.data.page.has_more){
pageNumber++
// 获取提货列表
this.pickList(pageNumber);
}
}
})

View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "库存量"
}

View File

@@ -0,0 +1,90 @@
<view class="user">
<navigator hover-class="none" url="./detailed/index" class="user-order">
<image src="/static/icons/stock_order.png" mode=""></image>
</navigator>
<image class="user-head" src="{{avatar ? avatar : '/static/imgs/default_myHead.png'}}"></image>
<view class="user-member" wx:if="{{identity.order == '2'}}">
<image src="/static/icons/stock_icon.png" mode=""></image>
</view>
</view>
<view class="stock-top">
<view class="top-title">
<text>库存总数量</text>(单位:箱)
</view>
<view class="top-number">
<image src="/static/icons/water.png" mode="widthFix"></image>{{stockData.residue}}
</view>
</view>
<view class="stock-label">
<view class="stock-cont">
<view class="stock-item">
<image class="stock-icon" src="/static/icons/stock_icon_01.png" mode="widthFix"></image>
<view class="stock-number">{{stockData.hold}}<text>箱</text></view>
<view class="stock-tips">已提数量</view>
</view>
<view class="stock-item">
<image class="stock-icon" src="/static/icons/stock_icon_02.png" mode="widthFix"></image>
<view class="stock-number">{{stockData.residue}}<text>箱</text></view>
<view class="stock-tips">待提数量</view>
</view>
<view class="stock-btn">
<navigator hover-class="none" url="./take/index" class="btn">
<text>申请提货</text>
<image src="/static/icons/arrow.png"></image>
</navigator>
<navigator hover-class="none" url="./site/index" class="btn">
<text>地址管理</text>
<image src="/static/icons/arrow_grey.png"></image>
</navigator>
</view>
</view>
</view>
<view class="record">
<view class="title">
<view class="name">
<image src="/static/icons/stock_nav.png" mode="widthFix"></image> 提货记录
</view>
<navigator hover-class="none" url="./list/index" class="more" wx:if="{{listArr.length > 0}}">
查看全部
<image src="/static/icons/arrow_more.png"></image>
</navigator>
</view>
<view class="list" wx:if="{{listArr.length > 0}}">
<view class="item" wx:for="{{listArr}}" wx:key="listArr">
<view class="item-top">
<view class="item-name">
提货量
</view>
<view class="item-number">
{{item.items[0].qty}}<text>(箱)</text>
</view>
</view>
<view class="item-label">
<view class="item-left">申请时间</view>
<view class="item-right">{{item.created_at}}</view>
</view>
<view class="item-label">
<view class="item-left">申请状态</view>
<view class="item-right item-state green" wx:if="{{item.can.cancel}}">{{item.state}}</view>
<view class="item-right item-state yellow" wx:elif="{{item.can.sign}}">{{item.state}}</view>
<view class="item-right item-state" wx:else>{{item.state}}</view>
</view>
</view>
<view class="pagesLoding" wx:if="{{lodingStats}}">
<block wx:if="{{page.has_more}}">
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>加载中...
</block>
<block wx:else>
没有更多了~
</block>
</view>
</view>
<!-- 暂无内容 -->
<view class="recommend-hint" wx:else>
<image src="/static/imgs/text_null.png"></image>
<view>~抱歉,暂无内容~</view>
</view>
</view>

View File

@@ -0,0 +1,261 @@
/* 用户 */
.user {
text-align: right;
box-sizing: border-box;
position: relative;
height: 150rpx;
}
.user-order {
position: absolute;
left: 55rpx;
top: 30rpx;
background-color: #e9eaef;
width: 80rpx;
height: 80rpx;
text-align: center;
border-radius: 50%;
padding: 16rpx;
box-sizing: border-box;
}
.user-order image {
width: 100%;
height: 100%;
}
.user-head {
width: 80rpx;
height: 80rpx;
border-radius: 50%;
position: absolute;
right: 30rpx;
top: 30rpx;
border: 2rpx solid #efefef;
}
.user-member {
position: absolute;
right: 80rpx;
top: 84rpx;
width: 30rpx;
height: 30rpx;
line-height: 26rpx;
text-align: center;
background-color: #1835c1;
border-radius: 50%;
}
.user-member image {
width: 16rpx;
height: 16rpx;
}
.stock-top {
padding: 0 30rpx 30rpx 60rpx;
box-sizing: border-box;
}
.top-title {
color: #82828e;
margin-bottom: 20rpx;
display: flex;
line-height: 34rpx;
font-size: 32rpx;
}
.top-title text {
flex: 1;
}
.top-number {
font-size: 72rpx;
color: #333657;
}
.top-number image {
width: 32rpx;
height: 32rpx;
margin-right: 10rpx;
}
.stock-label {
padding-left: 60rpx;
box-sizing: border-box;
background: #ecf4f6;
padding-top: 40rpx;
height: 430rpx;
}
.stock-cont {
background-color: #1d37e2;
border-radius: 60rpx 0 0 60rpx;
padding: 60rpx 30rpx 90rpx 90rpx;
box-sizing: border-box;
display: flex;
position: relative;
}
.stock-item {
color: #FFFFFF;
flex: 2;
}
.stock-icon {
width: 34rpx;
height: 34rpx;
}
.stock-number {
font-size: 50rpx;
margin-bottom: 10rpx;
}
.stock-numbe text {
font-size: 28rpx;
padding-left: 10rpx;
}
.stock-tips {
font-size: 28rpx;
color: #8999ff;
}
.stock-btn {
position: absolute;
bottom: -40rpx;
right: 0;
display: flex;
}
.btn {
background-color: #FFFFFF;
height: 80rpx;
line-height: 80rpx;
margin-right: 30rpx;
padding: 0 40rpx;
border-radius: 30rpx;
}
.btn:first-child {
color: #FFFFFF;
background-color: #4d70fe;
box-shadow: 0 3rpx 6rpx 2rpx rgba(79, 99, 226, .6);
}
.btn:last-child {
color: #8a5400;
background-color: #f9d093;
box-shadow: 0 3rpx 6rpx 2rpx rgba(255, 192, 92, .6);
}
.btn text {
padding-right: 10rpx;
}
.btn image {
width: 24rpx;
height: 24rpx;
}
.record {
padding: 30rpx;
box-sizing: border-box;
}
.title {
display: flex;
}
.name {
flex: 1;
font-weight: 600;
display: flex;
}
.name image {
width: 42rpx;
height: 42rpx;
margin-right: 10rpx;
}
.more {
font-size: 30rpx;
color: #9d9d9d;
line-height: 42rpx;
}
.more image {
width: 24rpx;
height: 24rpx;
}
.list {
margin-top: 30rpx;
}
.item {
border: 2rpx solid #f3f3f3;
padding: 30rpx 30rpx 20rpx;
box-sizing: border-box;
border-radius: 30rpx;
margin-bottom: 30rpx;
}
.item-top {
display: flex;
margin-bottom: 20rpx;
}
.item-name {
flex: 1;
font-weight: 600;
}
.item-number {
color: #2487ff;
font-weight: 600;
}
.item-number text {
font-size: 26rpx;
padding-left: 10rpx;
font-weight: normal;
}
.item-label {
line-height: 60rpx;
display: flex;
font-size: 28rpx;
color: #9d9d9d;
}
.item-left {
flex: 1;
}
.item-state {
color: #eb504c;
}
.item-state.green {
color: #03af03;
}
.item-state.yellow {
color: #8a5400;
}
/* 暂无内容 */
.recommend-hint {
text-align: center;
color: #999;
padding: 100rpx 0;
font-size: 28rpx;
}
.recommend-hint image {
width: 160rpx;
height: 160rpx;
}

View File

@@ -0,0 +1,73 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
listArr : [], //提货列表数据
page : {}, //下一页
lodingStats : false,//加载状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取提货列表
this.pickList();
},
/**
* 提货列表
*/
pickList (page){
wx.$api.stock.list({
page: page
}).then(res => {
let listArr = this.data.listArr,
newData = []
if(page == 1 || page == undefined) listArr = []
newData = listArr.concat(res.data.data)
this.setData({
listArr : newData,
page : res.data.page,
lodingStats : false
})
wx.stopPullDownRefresh()
}).catch(err => { })
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
// 获取提货列表
this.pickList();
},
/**
* 上拉加载
*/
onReachBottom(){
this.setData({
lodingStats: true
})
let pageNumber = this.data.page.current
if(this.data.page.has_more){
pageNumber++
// 获取提货列表
this.pickList(pageNumber);
}
}
})

View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "提货记录"
}

View File

@@ -0,0 +1,35 @@
<view class="list" wx:if="{{listArr.length > 0}}">
<view class="item" wx:for="{{listArr}}" wx:key="listArr">
<view class="item-top">
<view class="item-name">
提货量
</view>
<view class="item-number">
{{item.items[0].qty}}<text>(箱)</text>
</view>
</view>
<view class="item-label">
<view class="item-left">申请时间</view>
<view class="item-right">{{item.created_at}}</view>
</view>
<view class="item-label">
<view class="item-left">申请状态</view>
<view class="item-right item-state green" wx:if="{{item.can.cancel}}">{{item.state}}</view>
<view class="item-right item-state yellow" wx:elif="{{item.can.sign}}">{{item.state}}</view>
<view class="item-right item-state" wx:else>{{item.state}}</view>
</view>
</view>
<view class="pagesLoding" wx:if="{{lodingStats}}">
<block wx:if="{{page.has_more}}">
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>加载中...
</block>
<block wx:else>
没有更多了~
</block>
</view>
</view>
<!-- 暂无内容 -->
<view class="recommend-hint" wx:else>
<image src="/static/imgs/text_null.png"></image>
<view>~抱歉,暂无内容~</view>
</view>

View File

@@ -0,0 +1,69 @@
.list {
margin-top: 30rpx;
}
.item {
border: 2rpx solid #f3f3f3;
padding: 30rpx 30rpx 20rpx;
box-sizing: border-box;
border-radius: 30rpx;
margin-bottom: 30rpx;
}
.item-top {
display: flex;
margin-bottom: 20rpx;
}
.item-name {
flex: 1;
font-weight: 600;
}
.item-number {
color: #2487ff;
font-weight: 600;
}
.item-number text {
font-size: 26rpx;
padding-left: 10rpx;
font-weight: normal;
}
.item-label {
line-height: 60rpx;
display: flex;
font-size: 28rpx;
color: #9d9d9d;
}
.item-left {
flex: 1;
}
.item-state {
color: #eb504c;
}
.item-state.green {
color: #03af03;
}
.item-state.yellow {
color: #8a5400;
}
/* 暂无内容 */
.recommend-hint {
text-align: center;
color: #999;
padding: 100rpx 0;
font-size: 28rpx;
}
.recommend-hint image {
width: 160rpx;
height: 160rpx;
}

Some files were not shown because too many files have changed in this diff Show More