Skip to content

B
BEHALF
Commit b4b73154 authored by 华国豪's avatar 华国豪 🙄
Browse files
Options

新增几个页面

parent e5e0f9bd
Expand all Show whitespace changes
Inline Side-by-side
Showing with 1310 additions and 199 deletions
Common.wxss
View file @ b4b73154
...@@ -60,6 +60,9 @@ ...@@ -60,6 +60,9 @@
.commonF .bold{ .commonF .bold{
font-weight: 600; font-weight: 600;
} }
.commonF .c00{
color:#000000;
}
.commonF .c88{ .commonF .c88{
color:#888888; color:#888888;
} }
...@@ -190,6 +193,11 @@ image{ ...@@ -190,6 +193,11 @@ image{
background: #F4F4F4; background: #F4F4F4;
height: 30rpx; height: 30rpx;
} }
.commonF .white30{
width: 100%;
background: white;
height: 30rpx;
}
.commonF .Nodataview{ .commonF .Nodataview{
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
...@@ -201,10 +209,19 @@ image{ ...@@ -201,10 +209,19 @@ image{
.commonF .bb1e9{ .commonF .bb1e9{
border-bottom: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9;
} }
.commonF .bt1e9{
border-top: 1px solid #E9E9E9;
}
.commonF .mg10{ .commonF .mg10{
display: inline-block; display: inline-block;
margin-right: 10rpx; margin-right: 10rpx;
} }
.commonF .padr30{
padding-right: 30rpx;
}
.commonF .padb30{
padding-bottom: 30rpx;
}
.commonF .mgtb10{ .commonF .mgtb10{
margin: 10rpx 0; margin: 10rpx 0;
} }
......
app.json
View file @ b4b73154
{ {
"pages": [ "pages": [
"pages/Home/home" "pages/Home/home",
"pages/Product/ProductDetails/ProductDetails",
"pages/Product/classify/classify",
"pages/mine/mine"
], ],
"permission": { "permission": {
"scope.userLocation": { "scope.userLocation": {
...@@ -22,11 +25,27 @@ ...@@ -22,11 +25,27 @@
"list": [ "list": [
{ {
"pagePath": "pages/Home/home", "pagePath": "pages/Home/home",
"iconPath": "images/tarbar/home.png",
"selectedIconPath": "images/tarbar/home1.png",
"text": "首页" "text": "首页"
}, },
{
"pagePath": "pages/Product/classify/classify",
"iconPath": "images/tarbar/fenlei.png",
"selectedIconPath": "images/tarbar/fenlei1.png",
"text": "分类"
},
{ {
"pagePath": "pages/Home/home", "pagePath": "pages/Home/home",
"text": "首页" "iconPath": "images/tarbar/gouwuche.png",
"selectedIconPath": "images/tarbar/gouwuche1.png",
"text": "购物车"
},
{
"pagePath": "pages/mine/mine",
"iconPath": "images/tarbar/wode.png",
"selectedIconPath": "images/tarbar/wode1.png",
"text": "我的"
} }
] ]
}, },
......
pages/Home/home.js
View file @ b4b73154
...@@ -6,9 +6,21 @@ Page({ ...@@ -6,9 +6,21 @@ Page({
* 页面的初始数据 * 页面的初始数据
*/ */
data: { data: {
background: ['demo-text-1', 'demo-text-2', 'demo-text-3'],
indicatorDots: true,
autoplay: true,
circular: true,
interval: 2000,
duration: 500
}, },
goDerails: function(e){
console.log(e)
let id = e.currentTarget.dataset.id
wx.navigateTo({
url: '/pages/Product/ProductDetails/ProductDetails?id=' + id,
})
},
/** /**
* 生命周期函数--监听页面加载 * 生命周期函数--监听页面加载
*/ */
......
pages/Home/home.wxml
View file @ b4b73154
<view class="Home commonF"> <view class="Home commonF">
代购 <view class="search">
<view>
<image src="/images/tarbar/sousuo.png"></image>
<input placeholder="请输入搜索的商品" class="f26"></input>
</view>
</view>
<view class="page-section page-section-spacing swiper">
<swiper indicator-dots="{{indicatorDots}}"
autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
<block wx:for="{{background}}" wx:key="*this">
<swiper-item>
<view class="swiper-item {{item}}"></view>
</swiper-item>
</block>
</swiper>
</view>
<scroll-view class="scroll-view_H" scroll-x="true" style="width: 100%">
<view class="top-fenlei">
<view class="top-fenlei-item">
<view class="img">图片</view>
<view class="f22 c00">美妆个护</view>
</view>
<view class="top-fenlei-item">
<view class="img">图片</view>
<view class="f22 c00">母婴</view>
</view>
<view class="top-fenlei-item">
<view class="img">图片</view>
<view class="f22 c00">营养保健</view>
</view>
<view class="top-fenlei-item">
<view class="img">图片</view>
<view class="f22 c00">进口食品</view>
</view>
<view class="top-fenlei-item">
<view class="img">图片</view>
<view class="f22 c00">生鲜肉类</view>
</view>
<view class="top-fenlei-item">
<view class="img">图片</view>
<view class="f22 c00">水果蔬菜</view>
</view>
</view>
</scroll-view>
<view class="new-pro-tit">
<image mode="widthFix" src="/images/home/xinpin.png"></image>
</view>
<scroll-view class="scroll-view_H" scroll-x="true" style="width: 100%">
<view class="new-pro">
<view class="new-pro-item">
<view class="img"><image mode="scaleToFill" src="/images/home/demo.png"></image></view>
<view class="f26 c00 text2 bold">日本进口 三立(Sanritsu) 德国进口啊啊哈哈</view>
<view class="price cee">
<text class="f22">￥</text>
<text class="f28 bold">29.9</text>
</view>
</view>
<view class="new-pro-item">
<view class="img"><image mode="scaleToFill" src="/images/home/demo2.jpg"></image></view>
<view class="f26 c00 text2 bold">日本进口 三立(Sanritsu) 德国进口啊啊哈哈</view>
<view class="price cee">
<text class="f22">￥</text>
<text class="f28 bold">29.9</text>
</view>
</view>
<view class="new-pro-item">
<view class="img"><image mode="scaleToFill" src="/images/home/demo3.jpg"></image></view>
<view class="f26 c00 text2 bold">日本进口 三立(Sanritsu) 德国进口啊啊哈哈</view>
<view class="price cee">
<text class="f22">￥</text>
<text class="f28 bold">29.9</text>
</view>
</view>
<view class="new-pro-item">
<view class="img"><image mode="scaleToFill" src="/images/home/demo4.jpg"></image></view>
<view class="f26 c00 text2 bold">日本进口 三立(Sanritsu) 德国进口啊啊哈哈</view>
<view class="price cee">
<text class="f22">￥</text>
<text class="f28 bold">29.9</text>
</view>
</view>
<view class="new-pro-item">
<view class="img"><image mode="scaleToFill" src="/images/home/demo.png"></image></view>
<view class="f26 c00 text2 bold">日本进口 三立(Sanritsu) 德国进口啊啊哈哈</view>
<view class="price cee">
<text class="f22">￥</text>
<text class="f28 bold">29.9</text>
</view>
</view>
<view class="new-pro-item">
<view class="img"><image mode="scaleToFill" src="/images/home/demo2.jpg"></image></view>
<view class="f26 c00 text2 bold">日本进口 三立(Sanritsu) 德国进口啊啊哈哈</view>
<view class="price cee">
<text class="f22">￥</text>
<text class="f28 bold">29.9</text>
</view>
</view>
</view>
</scroll-view>
<view class="zhi-pro-tit">
<image mode="widthFix" src="/images/home/chaozhi.png"></image>
</view>
<view class="zhi-pro">
<view class="zhi-pro-item" wx:for="{{6}}" wx:key="*this" data-id="{{6}}" bindtap="goDerails">
<view class="zhi-pro-item-box">
<view>
<image src="/images/home/demo2.jpg"></image>
</view>
<view class="zhi-pro-item-info">
<view class="text1 f26 bold">日本进口 嘉娜宝(Kracie)香体糖 玫瑰\(Kracie)香体玫瑰玫瑰玫瑰</view>
<view class="text1 f22 c66 sub-tit">日本进口 嘉娜宝(Kracie)香体糖 玫瑰\(Kracie)香体KracieKracie香体玫瑰玫瑰玫瑰</view>
<view class="zhi-pro-item-price">
<view class="price cee">
<text class="f22">￥</text>
<text class="f28 bold">29.9</text>
</view>
<view class="gouwuche">
<image src="/images/tarbar/gouwuche1.png"></image>
</view>
</view>
</view>
</view>
</view>
</view>
</view> </view>
\ No newline at end of file
pages/Home/home.wxss
View file @ b4b73154
.search{
margin: 0 30rpx;
padding: 14rpx 0;
}
.search view{
height: 60rpx;
box-sizing: border-box;
background:rgba(242,242,242,1);
border-radius:30rpx;
display: flex;
align-items: center;
padding: 0 30rpx;
}
.search input{
flex: 2;
}
.search image{
width: 26rpx;
height: 26rpx;
margin-right: 10rpx;
}
.demo-text-1{
height: 100%;
width: 100%;
background-color: #2782D7;
}
.demo-text-3{
height: 100%;
width: 100%;
background-color: #f1f1f1;
}
.demo-text-2{
height: 100%;
width: 100%;
background-color: #1AAD19;
}
.scroll-view_H{
}
.top-fenlei{
display: flex;
}
.top-fenlei-item{
padding: 30rpx 40rpx;
text-align: center;
}
.top-fenlei-item .img{
width: 102rpx;
height: 102rpx;
background:rgba(242,242,242,1);
border-radius:50%;
}
.new-pro-tit,.zhi-pro-tit{
padding: 30rpx 0;
background-color: #F0F0F0;
display: flex;
align-items: center;
justify-content: center;
}
.new-pro-tit image{
width: 284rpx;
}
.new-pro{
display: flex;
}
.new-pro-item{
width: 200rpx;
padding: 8rpx 8rpx 20rpx 8rpx;
}
.new-pro-item image{
width: 180rpx;
height: 165rpx;
}
.zhi-pro-tit{
justify-content: left;
}
.zhi-pro-tit image{
width: 116rpx;
margin-left: 30rpx;
}
.zhi-pro{
padding: 0 30rpx;
background-color: #F0F0F0;
border-radius: 12rpx;
}
.zhi-pro-item{
padding: 20rpx 20rpx 0 20rpx;
background-color: white;
}
.zhi-pro-item-box{
display: flex;
border-bottom: 1px solid #E5E5E5;
}
.zhi-pro-item-box image{
width: 180rpx;
height: 180rpx;
margin-right: 20rpx;
}
.zhi-pro-item-info .sub-tit{
margin: 19rpx 0 56rpx 0;
}
.zhi-pro-item-info .zhi-pro-item-price{
display: flex;
justify-content: space-between;
}
.zhi-pro-item-info .zhi-pro-item-price .gouwuche image{
width: 36rpx;
height: 32rpx;
}
\ No newline at end of file
pages/Product/ProductDetails/ProductDetails.js 0 → 100644
View file @ b4b73154
// pages/Product/ProductDetails/ProductDetails.js
Page({
/**
* 页面的初始数据
*/
data: {
background: ['demo-text-1', 'demo-text-2', 'demo-text-3'],
indicatorDots: true,
autoplay: true,
circular: true,
interval: 2000,
duration: 500,
currentIndex: 1
},
bindanimationfinish: function (e){
let index = e.detail.current
this.setData({
currentIndex: index + 1
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
pages/Product/ProductDetails/ProductDetails.json 0 → 100644
View file @ b4b73154
{
"usingComponents": {}
}
\ No newline at end of file
pages/Product/ProductDetails/ProductDetails.wxml 0 → 100644
View file @ b4b73154
This diff is collapsed.
pages/Product/ProductDetails/ProductDetails.wxss 0 → 100644
View file @ b4b73154
.ProductDetails{
}
.demo-text-1{
height: 100%;
width: 100%;
background-color: #2782D7;
}
.conten-scroll-view{
height: calc(100vh - 102rpx);
}
.demo-text-3{
height: 100%;
width: 100%;
background-color: #f1f1f1;
}
.demo-text-2{
height: 100%;
width: 100%;
background-color: #1AAD19;
}
.ProductDetails .page-section {
position: relative;
width: 100%;
height: 66.7VW;
}
.ProductDetails .page-section swiper{
height: 100%;
}
.img-page{
position: absolute;
right: 30rpx;
bottom: 30rpx;
background:rgba(178,178,178,1);
border-radius:19px;
color: #FFFFFF;
padding: 0 20rpx;
}
.zhengpin{
height: 80rpx;
position: absolute;
left: 30rpx;
bottom: 30rpx;
background:rgba(226,20,54,.8);
width: 300rpx;
border-radius: 40rpx;
display: flex;
align-items: center;
}
.zhengpin image{
width: 80rpx;
height: 80rpx;
margin-right: 8rpx;
}
.product-info{
padding: 30rpx;
}
.padding-left-20{
padding-left: 20rpx;
}
.product-info-price image{
width: 22rpx;
height: 22rpx;
margin-left: 10rpx;
}
.product-tit{
margin: 10rpx 0;
}
.product-tag{
display: flex;
align-items: center;
justify-content: space-between;
padding: 20rpx 0 0 0;
}
.product-tag image{
width: 22rpx;
height: 22rpx;
margin-right: 8rpx;
}
.PayView{
width:100%;
height:100rpx;
border-top:1px solid #E9E9E9;
display: flex;
align-items: center;
}
.peisong{
padding: 30rpx 0 0 30rpx;
}
.other-info{
display: flex;
}
.other-info .left-name{
margin-right: 28rpx;
}
.other-info .other-info-addr{
display: flex;
align-items: center;
justify-content: space-between;
}
.other-info .other-info-addr image{
width: 12rpx;
height: 30rpx;
}
.flex2{
flex: 2;
}
.liucheng{
position: relative;
width: 100%;
display: flex;
margin: 20rpx 0;
justify-content: space-between;
}
.liucheng>view.liucheng-item{
text-align: center;
position: relative;
z-index: 2;
}
.liucheng image{
width: 100%;
height: 100%;
flex-shrink: 0;
}
.liucheng-img{
width: 36rpx;
height: 36rpx;
margin: 0 auto 20rpx auto;
}
.liucheng-first{
margin: 0 auto 20rpx auto;
width: 36rpx;
height: 36rpx;
border-radius: 50%;
background-color: #EE4454;
color: white;
}
.liucheng-line{
width: 86%;
position: absolute;
top: 20rpx;
left: 7%;
height: 1px;
background-color: #E5E5E5;
z-index: 1;
}
.tuijian .tuijian-tit{
padding: 30rpx;
}
.new-pro{
display: flex;
}
.new-pro-item{
width: 200rpx;
padding: 8rpx 8rpx 20rpx 8rpx;
}
.new-pro-item image{
width: 180rpx;
height: 165rpx;
}
.pro-det{
padding: 0 30rpx;
}
.pro-det .pro-det-tit{
padding: 30rpx 0;
}
.pro-img{
width: 100%
}
.left-btn{
width: 260rpx;
height: 100%;
display: flex;
align-items: center;
}
.left-btn>view{
flex: 1;
text-align: center;
}
.left-btn image{
width: 36rpx;
height: 36rpx;
margin-bottom: 4rpx;
}
.left-btn-img{
height: 36rpx;
}
.right-btn{
display: flex;
align-items: center;
justify-content: space-around;
flex: 2;
}
.jiagouwu,.goumai{
width:220rpx;
height:70rpx;
background:linear-gradient(90deg,rgba(255,187,13,1),rgba(255,218,79,1));
border-radius: 35rpx;
color: white;
line-height: 70rpx;
text-align: center;
}
.goumai{
background:linear-gradient(90deg,rgba(226,20,54,1),rgba(253,78,107,1));
}
\ No newline at end of file
pages/Product/classify/classify.js 0 → 100644
View file @ b4b73154
// pages/Product/classify/classify.js
Page({
/**
* 页面的初始数据
*/
data: {
active: 0,
classList: [
{
name: '护肤'
},
{
name: '彩妆'
},
{
name: '个人护理'
},
{
name: '保健品'
},
{
name: '母婴'
},
{
name: '包包'
},
{
name: '家居'
},
{
name: '家电数码'
},
{
name: '服饰'
},
{
name: '美食'
},
{
name: '运动'
},
{
name: '轻奢'
}
]
},
changeleft: function (e){
let index = e.currentTarget.dataset.index
this.setData({
active: index
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
pages/Product/classify/classify.json 0 → 100644
View file @ b4b73154
{
"usingComponents": {}
}
\ No newline at end of file
pages/Product/classify/classify.wxml 0 → 100644
View file @ b4b73154
<view class="classify commonF">
<scroll-view class="left-scroll-view" scroll-y>
<view wx:for="{{classList}}" wx:key="index" class="class-left-item c00 f28 {{active===index ? 'active' : ''}}" bindtap="changeleft" data-index="{{index}}">
{{item.name}}
</view>
</scroll-view>
<scroll-view class="right-scroll-view" scroll-y>
<view class="right-class-box">
<view class="right-tit">
<view class="f28 c00">热门分类</view>
<view>
<text class="f24 c99">查看更多</text><image src="/images/product/right.png"></image>
</view>
</view>
<view class="right-class-item-box">
<view class="right-class-item" >
<view class="img-box">
<image mode="widthFix" src="http://imgfile.oytour.com/Upload/DMC/20190910052706945.jpg"></image>
</view>
<view class="f26 c99 center item-name">洁面</view>
</view>
<view class="right-class-item" >
<view class="img-box">
<image mode="widthFix" src="http://imgfile.oytour.com/Upload/activity/20190614112541237.png"></image>
</view>
<view class="f26 c99 center item-name">洁面</view>
</view>
<view class="right-class-item" >
<view class="img-box">
<image mode="widthFix" src="http://imgfile.oytour.com/Upload/DMC/20190910052706945.jpg"></image>
</view>
<view class="f26 c99 center item-name">洁面</view>
</view>
<view class="right-class-item" >
<view class="img-box">
<image mode="widthFix" src="http://imgfile.oytour.com/Upload/DMC/20190910051612373.jpg"></image>
</view>
<view class="f26 c99 center item-name">洁面</view>
</view>
<view class="right-class-item" >
<view class="img-box">
<image mode="widthFix" src="http://imgfile.oytour.com/Upload/DMC/20190910052706945.jpg"></image>
</view>
<view class="f26 c99 center item-name">洁面</view>
</view>
<view class="right-class-item" >
<view class="img-box">
<image mode="widthFix" src="http://imgfile.oytour.com/Upload/activity/20190614112541237.png"></image>
</view>
<view class="f26 c99 center item-name">洁面</view>
</view>
<view class="right-class-item" >
<view class="img-box">
<image mode="widthFix" src="http://imgfile.oytour.com/Upload/DMC/20190910051612373.jpg"></image>
</view>
<view class="f26 c99 center item-name">洁面</view>
</view>
<view class="right-class-item" >
<view class="img-box">
<image mode="widthFix" src="http://imgfile.oytour.com/Upload/DMC/20190910052706945.jpg"></image>
</view>
<view class="f26 c99 center item-name">洁面</view>
</view>
</view>
<view class="right-tit bt1e9">
<view class="f28 c00">人气品牌</view>
<view>
<text class="f24 c99">查看更多</text><image src="/images/product/right.png"></image>
</view>
</view>
<view class="right-class-item-box">
<view class="right-class-item" >
<view class="img-box">
<image mode="widthFix" src="https://gss2.bdstatic.com/9fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=48566c781e178a82da3177f2976a18e8/902397dda144ad3493f21133d0a20cf431ad8531.jpg"></image>
</view>
<view class="f26 c99 center item-name">珂润</view>
</view>
<view class="right-class-item" >
<view class="img-box">
<image mode="widthFix" src="https://gss2.bdstatic.com/9fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=48566c781e178a82da3177f2976a18e8/902397dda144ad3493f21133d0a20cf431ad8531.jpg"></image>
</view>
<view class="f26 c99 center item-name">珂润</view>
</view>
<view class="right-class-item" >
<view class="img-box">
<image mode="widthFix" src="https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike150%2C5%2C5%2C150%2C50/sign=d73eff618826cffc7d27b7e0d86821f5/7af40ad162d9f2d33757ad17a3ec8a136227cc80.jpg"></image>
</view>
<view class="f26 c99 center item-name">珂润</view>
</view>
<view class="right-class-item" >
<view class="img-box">
<image mode="widthFix" src="https://gss2.bdstatic.com/9fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=48566c781e178a82da3177f2976a18e8/902397dda144ad3493f21133d0a20cf431ad8531.jpg"></image>
</view>
<view class="f26 c99 center item-name">珂润</view>
</view>
<view class="right-class-item" >
<view class="img-box">
<image mode="widthFix" src="https://gss2.bdstatic.com/-fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=86016a14fbf2b211f0238d1cabe90e5d/fd039245d688d43f11ad9d957d1ed21b0ef43b54.jpg"></image>
</view>
<view class="f26 c99 center item-name">珂润</view>
</view>
</view>
</view>
</scroll-view>
</view>
\ No newline at end of file
pages/Product/classify/classify.wxss 0 → 100644
View file @ b4b73154
.classify{
height: calc(100vh);
background-color: #F0F0F0;
display: flex;
}
.classify .left-scroll-view{
width: 25%;
height: 100%;
}
.classify .right-scroll-view{
width: 75%;
height: 100%;
padding-left: 30rpx;
background-color: #F0F0F0;
padding-top: 20rpx;
}
.class-left-item{
padding: 32rpx 0 32rpx 29rpx;
background-color: white;
}
.class-left-item.active{
background-color: #F0F0F0;
}
.right-tit{
padding: 32rpx 29rpx;
display: flex;
justify-content: space-between;
background-color: white;
}
.right-tit image{
width: 10rpx;
height: 18rpx;
margin-left: 12rpx;
}
.right-class-item-box{
background-color: white;
display: flex;
flex-wrap: wrap;
}
.right-class-item{
width: 33.33%;
text-align: center;
}
.right-class-item image{
max-width: 80%;
max-height: 90rpx;
}
.item-name{
padding-bottom: 24rpx;
}
.img-box{
height: 140rpx;
width: 100%;
line-height: 200rpx;
}
\ No newline at end of file
pages/mine/mine.js 0 → 100644
View file @ b4b73154
// pages/mine/mine.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
pages/mine/mine.json 0 → 100644
View file @ b4b73154
{
"usingComponents": {},
"navigationStyle": "custom"
}
\ No newline at end of file
pages/mine/mine.wxml 0 → 100644
View file @ b4b73154
<view class="mine commonF">
<view class="top">
<view class="head-name">
<view class="top-head">
<view>
<image src="https://profile.csdnimg.cn/A/E/0/3_chijinrong4312"></image>
</view>
</view>
<view class="f32 c11">
唐先生
</view>
</view>
<view class="bottom-line"></view>
</view>
<view class="order-box">
<view class="order-box-tit">
<view class="c30 c11 bold">我的订单</view>
<view>
<text class="f24 c99">查看更多</text><image src="/images/product/right.png"></image>
</view>
</view>
<view class="order-type">
<view>
<view>
<image src="/images/mine/qianbao.png"></image>
</view>
<view>待付款</view>
</view>
<view>
<view>
<image src="/images/mine/baoguo.png"></image>
</view>
<view>待发货</view>
</view>
<view>
<view>
<image src="/images/mine/che.png"></image>
</view>
<view>待收货</view>
</view>
<view>
<view>
<image src="/images/mine/wancheng.png"></image>
</view>
<view>已完成</view>
</view>
</view>
</view>
<view class="Gray30"></view>
<view class="gongneng">
<view class="g-row bb1e9">
<view class="g-row-left">
<image mode='widthFix' class="icon-img" src="/images/mine/dingwei.png"></image>
<text>收货地址</text>
</view>
<image class="right-img" src="/images/product/right.png"></image>
</view>
<view class="g-row bb1e9">
<view class="g-row-left">
<image mode='widthFix' class="icon-img" src="/images/mine/kefu.png"></image>
<text>客服中心</text>
</view>
<image class="right-img" src="/images/product/right.png"></image>
</view>
<view class="g-row bb1e9">
<view class="g-row-left">
<image mode='widthFix' class="icon-img" src="/images/mine/xinfeng.png"></image>
<text>意见反馈</text>
</view>
<image class="right-img" src="/images/product/right.png"></image>
</view>
</view>
</view>
\ No newline at end of file
pages/mine/mine.wxss 0 → 100644
View file @ b4b73154
.mine .top{
height: 330rpx;
background: url('http://imgfile.oytour.com/New/Upload/Cloud/2019-11/20191105053609175.png');
background-repeat: no-repeat;
background-size: 100%;
position: relative;
width: 100%;
}
.head-name{
display: flex;
padding-top: 140rpx;
align-items: center;
padding-left: 40rpx;
}
.top-head{
width: 120rpx;
height: 120rpx;
border-radius: 50%;
overflow: hidden;
border: 1px solid #FFFFFF;
margin-right: 40rpx;
box-shadow: 0 2px 5px 0 rgba(177, 177, 177, 0.35);
}
.top-head image{
width: 120rpx;
height: 120rpx;
}
.bottom-line{
position: absolute;
left: 0;
bottom: 0;
height: 29rpx;
width: 100%;
border-top-left-radius: 30rpx;
border-top-right-radius: 30rpx;
background-color: white;
}
.order-box .order-box-tit{
padding: 0 32rpx;
display: flex;
justify-content: space-between;
background-color: white;
}
.order-box .order-box-tit image{
width: 10rpx;
height: 18rpx;
margin-left: 12rpx;
}
.order-type{
display: flex;
align-items: center;
justify-content: space-between;
height: 185rpx;
}
.order-type>view{
height: 100%;
width: 25%;
text-align: center;
padding-top: 47rpx;
}
.order-type image{
width: 40rpx;
height: 38rpx;
}
.g-row{
padding: 30rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.g-row-left{
display: flex;
align-items: center;
}
.g-row .icon-img{
width: 26rpx;
height: 30rpx;
margin-right: 29rpx;
display: block;
}
.g-row .right-img{
width: 10rpx;
height: 18rpx;
}
\ No newline at end of file
project.config.json
View file @ b4b73154
...@@ -9,19 +9,29 @@ ...@@ -9,19 +9,29 @@
"postcss": true, "postcss": true,
"minified": true, "minified": true,
"newFeature": true, "newFeature": true,
"coverView": true,
"autoAudits": false, "autoAudits": false,
"checkInvalidKey": true "checkInvalidKey": true,
"checkSiteMap": true,
"uploadWithSourceMap": true,
"babelSetting": {
"ignore": [],
"disablePlugins": [],
"outputPath": ""
}
}, },
"compileType": "miniprogram", "compileType": "miniprogram",
"libVersion": "2.7.7", "libVersion": "2.7.7",
"appid": "wxb6bcc99626870225", "appid": "wxb6bcc99626870225",
"projectname": "FLASHMAN", "projectname": "DAIGOU",
"cloudfunctionTemplateRoot": "",
"watchOptions": {
"ignore": []
},
"debugOptions": { "debugOptions": {
"hidedInDevtools": [] "hidedInDevtools": []
}, },
"isGameTourist": false, "scripts": {},
"simulatorType": "wechat",
"simulatorPluginLibVersion": {},
"condition": { "condition": {
"search": { "search": {
"current": -1, "current": -1,
...@@ -36,7 +46,6 @@ ...@@ -36,7 +46,6 @@
"list": [] "list": []
}, },
"game": { "game": {
"currentL": -1,
"list": [] "list": []
}, },
"gamePlugin": { "gamePlugin": {
...@@ -46,206 +55,24 @@ ...@@ -46,206 +55,24 @@
"miniprogram": { "miniprogram": {
"current": -1, "current": -1,
"list": [ "list": [
{
"id": 2,
"name": "写游记",
"pathName": "pages/Voucher/write/write",
"query": "orderId=25098&tcId=4006&GuestId=24614",
"scene": null
},
{
"id": 1,
"name": "调查",
"pathName": "pages/Voucher/Voucher",
"query": "tcid=5560",
"scene": null
},
{
"id": 7,
"name": "个人中心",
"pathName": "pages/member/member",
"query": "",
"scene": null
},
{
"id": -1,
"name": "个人信息",
"pathName": "pages/member/memberInfo/memberInfo",
"query": "",
"scene": null
},
{
"id": -1,
"name": "修改",
"pathName": "pages/member/memberInfoED/memberInfoED",
"query": "",
"scene": null
},
{
"id": -1,
"name": "订单中心",
"pathName": "pages/member/orderCenter/orderCenter",
"query": "",
"scene": null
},
{
"id": 8,
"name": "getToken",
"pathName": "pages/login/login",
"query": "",
"scene": null
},
{
"id": -1,
"name": "意见调查",
"pathName": "pages/member/investigation/investigation",
"query": "",
"scene": null
},
{
"id": -1,
"name": "表格",
"pathName": "pages/member/invesDetails/invesDetails",
"query": "",
"scene": null
},
{
"id": -1,
"name": "我的票券",
"pathName": "pages/member/Coupon/Coupon",
"query": "",
"scene": null
},
{
"id": -1,
"name": "签证首页",
"pathName": "pages/visa/visa",
"query": "",
"scene": null
},
{
"id": -1,
"name": "签证列表页",
"pathName": "pages/visa/visaList/visaList",
"query": "",
"scene": null
},
{
"id": 12,
"name": "签证详情",
"pathName": "pages/visa/visaDetails/visaDetails",
"query": "id=dRvFC7rQ4Lg%3D%0A",
"scene": null
},
{
"id": 13,
"name": "签证详情日期",
"pathName": "pages/visa/visaChDate/visaChDate",
"query": "id=dRvFC7rQ4Lg%3D%0A&visaB2CPrice=500&visaPrice=350",
"scene": null
},
{
"id": 14,
"name": "签证下单",
"pathName": "pages/visa/visaOrder/visaOrder",
"query": "id=dRvFC7rQ4Lg%3D%0A&selectDate=2019-07-11",
"scene": null
},
{
"id": 15,
"name": "跟团游填写订单",
"pathName": "pages/GroupTour/FillOrder/FillOrder",
"query": "",
"scene": null
},
{
"id": -1,
"name": "机票列表",
"pathName": "pages/Ticket/TicketList/TicketList",
"query": "",
"scene": null
},
{
"id": 17,
"name": "机票详情",
"pathName": "pages/Ticket/TicketOrder/TicketOrder",
"query": "id=940",
"scene": null
},
{
"id": -1,
"name": "机票加人",
"pathName": "pages/Ticket/TicketSetpp/TicketSetpp",
"query": "id=940",
"scene": null
},
{
"id": -1,
"name": "跟团游下单",
"pathName": "pages/GroupTour/FillOrder/FillOrder",
"query": "idDes=w%2BngpO%2BnQZw%3D%0A&tcid=3929&teamType=0",
"scene": null
},
{
"id": 20,
"name": "站位",
"pathName": "pages/product/SametradeZW/Successview/Successview",
"query": "idDes=w%2BngpO%2BnQZw%3D%0A&tcid=3929&teamType=0",
"scene": null
},
{
"id": -1,
"name": "站位",
"pathName": "pages/mine/Happypassbook/Happypassbook",
"query": "",
"scene": null
},
{
"id": -1,
"name": "baomingqueren",
"pathName": "pages/product/SametradeZW/SametradeZW",
"query": "",
"scene": null
},
{
"id": -1,
"name": "测试弹出",
"pathName": "pages/Voucher/VoucherDetails/VoucherDetails",
"query": "tcid=5560",
"scene": null
},
{
"id": -1,
"name": "报名确认",
"pathName": "pages/product/SametradeZW/SametradeZW",
"query": "",
"scene": null
},
{ {
"id": -1, "id": -1,
"name": "pages/Home/home", "name": "商品详情",
"pathName": "pages/Home/home", "pathName": "pages/Product/ProductDetails/ProductDetails",
"query": "", "query": "",
"scene": null "scene": null
}, },
{ {
"id": -1, "id": -1,
"name": "pages/Home/home", "name": "分类",
"pathName": "pages/Voucher/authenticat/authenticat", "pathName": "pages/Product/classify/classify",
"query": "",
"scene": null
},
{
"id": 29,
"name": "手机号确认",
"pathName": "pages/Voucher/Voucher",
"query": "", "query": "",
"scene": null "scene": null
}, },
{ {
"id": -1, "id": -1,
"name": "pages/Home/home", "name": "我的",
"pathName": "pages/product/SametradeZW/SametradeZW", "pathName": "pages/mine/mine",
"query": "", "query": "",
"scene": null "scene": null
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment