第一次提交
This commit is contained in:
188
shopping/pages/paysuccess/paysuccess.js
Normal file
188
shopping/pages/paysuccess/paysuccess.js
Normal file
@@ -0,0 +1,188 @@
|
||||
|
||||
var app = getApp();
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
order_id:0,
|
||||
id:'',
|
||||
show: false,
|
||||
statusType: ["拼团"],
|
||||
status:[ "0"],
|
||||
currentType: 0,
|
||||
nav_type:0,
|
||||
height:''
|
||||
},
|
||||
statusTap: function (e) {
|
||||
var curType = e.currentTarget.dataset.index;
|
||||
this.setData({
|
||||
currentType: curType,
|
||||
nav_type:curType
|
||||
});
|
||||
|
||||
app.console("================="+curType)
|
||||
},
|
||||
onClickShow() {
|
||||
this.setData({ show: true });
|
||||
},
|
||||
|
||||
onClickHide() {
|
||||
this.setData({ show: false });
|
||||
},
|
||||
onClickLeft() {
|
||||
wx.navigateBack()
|
||||
},
|
||||
noop() {},
|
||||
//返回首页
|
||||
index(){
|
||||
wx.switchTab({
|
||||
url: '/pages/index/index',
|
||||
})
|
||||
},
|
||||
//订单详情
|
||||
godetail(){
|
||||
wx.navigateTo({
|
||||
url: '/pages/orderdetail/orderdetail?'+"type="+'3'+ '&id=' +this.data.order_id,
|
||||
})
|
||||
},
|
||||
//条目点击跳转
|
||||
itemgodetail(e){
|
||||
wx.navigateTo({
|
||||
url: "/shopping/pages/goddess/goddess?id=" + e.currentTarget.dataset.id,
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
var statusBarHeight = wx.getSystemInfoSync().statusBarHeight;
|
||||
app.console(statusBarHeight+"=================xxxxxxxxxxxxxxxxxxxxxxxx")
|
||||
this.setData({
|
||||
statusBarHeight: statusBarHeight,
|
||||
height: 46 + statusBarHeight,
|
||||
});
|
||||
app.console(this.data.height+"=================xxxxxxxxxxxxxxxxxxxxxxxx")
|
||||
this.setData({
|
||||
order_id:options.order_id
|
||||
})
|
||||
this.paySuccess()
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
},
|
||||
//支付成功
|
||||
paySuccess: function () {
|
||||
var that = this;
|
||||
wx.request({
|
||||
url: app.buildUrl("/app/Goddesswechat/paySuccess"),
|
||||
header: app.getRequestHeader(),
|
||||
method:'POST',
|
||||
data: {
|
||||
version_number: this.data.version_number,
|
||||
uid:wx.getStorageSync('uid'),
|
||||
token:wx.getStorageSync('token'),
|
||||
order_id:this.data.order_id
|
||||
},
|
||||
success: function (res) {
|
||||
var resp = res.data;
|
||||
console.log(resp+"=================dddddddddddddddddddddddddddddddddddddddddddd")
|
||||
if(resp.erro==0){
|
||||
that.setData({
|
||||
tg_kj_status:resp.goods_infor.tg_kj_status,
|
||||
id:resp.goods_infor.id,
|
||||
goods_infor:resp.goods_infor,
|
||||
goods:resp.goods
|
||||
});
|
||||
app.console(that.data.tg_kj_status+"=================状态值")
|
||||
if(that.data.tg_kj_status==1){
|
||||
wx.showToast({ title: '弹出拼团弹框', icon: 'none' });
|
||||
this.setData({ show: true });
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 跳过
|
||||
*/
|
||||
tiaoguo(){
|
||||
this.setData({ show: false });
|
||||
},
|
||||
/**
|
||||
* 同意发起
|
||||
*/
|
||||
tongyifaqi(){
|
||||
this.confirmCollage()
|
||||
},
|
||||
//确认发起团购/砍价
|
||||
confirmCollage: function () {
|
||||
var that = this;
|
||||
wx.request({
|
||||
url: app.buildUrl("/app/Goddesswechat/confirmCollage"),
|
||||
header: app.getRequestHeader(),
|
||||
method:'POST',
|
||||
data: {
|
||||
version_number: this.data.version_number,
|
||||
uid:wx.getStorageSync('uid'),
|
||||
token:wx.getStorageSync('token'),
|
||||
order_id:this.data.order_id
|
||||
},
|
||||
success: function (res) {
|
||||
var resp = res.data;
|
||||
console.log(resp+"=================dddddddddddddddddddddddddddddddddddddddddddd")
|
||||
if(resp.erro==0){
|
||||
wx.showToast({ title: resp.msg, icon: 'none' });
|
||||
that.setData({ show: false });
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
})
|
||||
7
shopping/pages/paysuccess/paysuccess.json
Normal file
7
shopping/pages/paysuccess/paysuccess.json
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"van-overlay": "/miniprogram/miniprogram_npm/@vant/weapp/overlay/index",
|
||||
"van-nav-bar":"/miniprogram/miniprogram_npm/@vant/weapp/nav-bar/index"
|
||||
},
|
||||
"navigationBarTitleText": "支付成功"
|
||||
}
|
||||
235
shopping/pages/paysuccess/paysuccess.wxml
Normal file
235
shopping/pages/paysuccess/paysuccess.wxml
Normal file
@@ -0,0 +1,235 @@
|
||||
<!--shopping/pages/paysuccess/paysuccess.wxml-->
|
||||
|
||||
<van-nav-bar
|
||||
title="支付成功"
|
||||
left-text=""
|
||||
right-text=""
|
||||
left-arrow
|
||||
bind:click-left="onClickLeft"
|
||||
bind:click-right="onClickRight"
|
||||
style=" position: fixed;left: 0;top: 0;width: 100%;z-index: 2;"
|
||||
/>
|
||||
<view style="margin-top: {{height}}px;">
|
||||
<view class="success">
|
||||
<image src="/pages/image/success.png"></image>
|
||||
</view>
|
||||
<view class="news1">支付成功</view>
|
||||
<view class="news2">可在个人中心“我的订单”中查看</view>
|
||||
<view style="display:flex;margin-bottom:106rpx; ">
|
||||
<view style="background-image: url(/shopping/image/back_home.png);background-repeat:no-repeat;background-size:contain; width: 304rpx;margin-left: 40rpx;" class="" bindtap="index"></view>
|
||||
<button class="btn2" style="width: 304rpx;" bindtap="godetail">查看详情</button>
|
||||
</view>
|
||||
<view style=" display:flex; flex-wrap: wrap;justify-content:space-around;">
|
||||
<view wx:for="{{goods}}" style="width:340rpx;height:488rpx;background:#fff;margin-bottom:16rpx;" wx:for-item="item" data-id="{{item.id}}" bindtap="itemgodetail">
|
||||
<image src="{{item.index_img}}" style="width:340rpx;height:340rpx;border-radius: 10rpx 10rpx 0px 0px;"></image>
|
||||
<view class="title1">{{item.goods_name}}</view>
|
||||
<view style="display:flex;margin:8rpx 0;">
|
||||
<image src="/pages/image/address.png" style="width:17rpx;height:17rpx"></image>
|
||||
<view class="dianpu">{{item.mechanism_name}}</view>
|
||||
</view>
|
||||
<view class="price">
|
||||
<view>¥{{item.price}}</view>
|
||||
<!-- <view>5.0折</view> -->
|
||||
<view>已售{{item.sold}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<van-overlay show="{{ show }}" bind:click="onClickHide">
|
||||
<view class="wrapper">
|
||||
<view class="block" catch:tap="noop" >
|
||||
<!-- /////////////////////////////////////// -->
|
||||
|
||||
<view style="width: 676rpx; height: 280rpx;">
|
||||
|
||||
<image style="width: 676rpx; height: 280rpx;" src="/pages/image/pintuan.png"></image>
|
||||
|
||||
<view class="yaotext">邀请好友拼团</view>
|
||||
<view class="yaotexttwo">拼团成功会返现哦~</view>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
<view class="status-box">
|
||||
<view bindtap="statusTap" class="status-label {{index == currentType ? 'active' : ''}}" wx:for-items="{{statusType}}" wx:key="{{index}}" data-index="{{index}}">
|
||||
{{item}}
|
||||
<view class="{{tabClass[index]}}"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<view wx:if="{{nav_type==0}}">
|
||||
<!-- 步骤条 -->
|
||||
<view style="margin-left: 28rpx;margin-top: 116rpx; ">
|
||||
<text style="font-size: 30rpx;font-weight: bold;">拼团规则</text>
|
||||
</view>
|
||||
<view class="Groupone" style=" align-items: center;" data-id="{{item.id}}">
|
||||
|
||||
<view class="viewone">
|
||||
<view class="textone">1
|
||||
</view>
|
||||
<view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">支付</view>
|
||||
<view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">开团/参团</view>
|
||||
</view>
|
||||
|
||||
<view style="margin-left: 43rpx;">></view>
|
||||
<view class="viewone">
|
||||
<view class="textone">2
|
||||
</view>
|
||||
<view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">邀请</view>
|
||||
<view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">好友参团</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view style="margin-left: 43rpx;">></view>
|
||||
<view class="viewone">
|
||||
<view class="textone">3
|
||||
</view>
|
||||
<view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">返现</view>
|
||||
<view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">拼团成功返现</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 订单 -->
|
||||
<view class="Distit" style="margin-left: 28rpx;">
|
||||
<text style="font-size: 30rpx;font-weight: bold;">拼团详情</text>
|
||||
</view>
|
||||
<view class="Group" bindtap="activity" data-id="{{item.id}}">
|
||||
|
||||
<view class="Group-image">
|
||||
<image src="{{goods_infor.index_img}}"></image>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="title1">{{goods_infor.goods_name}}</view>
|
||||
<view class="title2">
|
||||
<view class="house">
|
||||
<image src="/pages/image/address.png"/>
|
||||
</view>
|
||||
<view >{{goods_infor.mechanism_name}}</view>
|
||||
</view>
|
||||
<view class="Price">
|
||||
<view class="Price1">¥{{goods_infor.price}}</view>
|
||||
<view class="Price2">¥{{goods_infor.original_price}}</view>
|
||||
<!-- <view class="Price3">5.0折</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 拼团头像 -->
|
||||
<view style="display: flex;flex-direction: row;position: relative;justify-content: center;">
|
||||
|
||||
<view style="display: flex;flex-direction:column;align-items: center;">
|
||||
<!-- <image class="imageone" src="/images/WeChat.png"></image> -->
|
||||
<view class="imageone" bindtap="bindViewTap">
|
||||
<open-data type="userAvatarUrl"></open-data>
|
||||
</view>
|
||||
<view class="texttwo"style="margin-top: -25rpx;">团长</view>
|
||||
</view>
|
||||
|
||||
<view class="imageone" style="margin-left: 111rpx; display: flex;align-items: center; justify-content: center;background-color: #FFEDE5;">
|
||||
<view style="font-size: 54rpx;font-family: 苹方-简;color: #FF4C00;">?
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 操作按钮 -->
|
||||
<view style="display: flex;flex-direction: row;height: 80rpx;margin-top: 10rpx;">
|
||||
<view class="buttonsty" style="margin-left: 76rpx;" bindtap="tiaoguo">跳过</view>
|
||||
<view class="buttonsty" style="background: #FF4C00;margin-left: 32rpx;"bindtap="tongyifaqi">同意发起拼团</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- 8888888888888888888888888-->
|
||||
<view wx:if="{{nav_type==1}}">
|
||||
<!-- 步骤条 -->
|
||||
<view style="margin-left: 28rpx;margin-top: 116rpx; ">
|
||||
<text style="font-size: 30rpx;font-weight: bold;">砍价规则</text>
|
||||
</view>
|
||||
<view class="Groupone" style=" align-items: center;" data-id="{{item.id}}">
|
||||
|
||||
<view class="viewone">
|
||||
<view class="textone">1
|
||||
</view>
|
||||
<view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">好友参团</view>
|
||||
<view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">开团/参团</view>
|
||||
</view>
|
||||
|
||||
<view style="margin-left: 43rpx;">></view>
|
||||
<view class="viewone">
|
||||
<view class="textone">1
|
||||
</view>
|
||||
<view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">好友参团</view>
|
||||
<view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">开团/参团</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view style="margin-left: 43rpx;">></view>
|
||||
<view class="viewone">
|
||||
<view class="textone">1
|
||||
</view>
|
||||
<view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">好友参团</view>
|
||||
<view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">开团/参团</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 订单 -->
|
||||
<view class="Distit" style="margin-left: 28rpx;">
|
||||
<text style="font-size: 30rpx;font-weight: bold;">特价商品</text>
|
||||
</view>
|
||||
<view class="Group" bindtap="activity" data-id="{{item.id}}">
|
||||
|
||||
<view class="Group-image">
|
||||
<image src="{{item.index_img}}"></image>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="title1">除皱瘦脸 韩国进口标准装瘦咬肌速美小V脸</view>
|
||||
<view class="title2">
|
||||
<view class="house">
|
||||
<image src="/pages/image/address.png"/>
|
||||
</view>
|
||||
<view >{{item.mechanism_name}}</view>
|
||||
</view>
|
||||
<view class="Price">
|
||||
<view class="Price1">¥{{item.price}}</view>
|
||||
<view class="Price2">¥{{item.original_price}}</view>
|
||||
<!-- <view class="Price3">5.0折</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 操作按钮 -->
|
||||
<view style="display: flex;flex-direction: row;height: 80rpx;margin-top: 57rpx;">
|
||||
<view class="buttonsty" style="margin-left: 76rpx; ">跳过</view>
|
||||
<view class="buttonsty" style="background: #FF4C00;margin-left: 32rpx;"bindtap="getDeposit">同意发起砍价</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
<!-- /////////////////////////////////////// -->
|
||||
</view>
|
||||
</view>
|
||||
</van-overlay>
|
||||
583
shopping/pages/paysuccess/paysuccess.wxss
Normal file
583
shopping/pages/paysuccess/paysuccess.wxss
Normal file
@@ -0,0 +1,583 @@
|
||||
/* shopping/pages/paysuccess/paysuccess.wxss */
|
||||
.success {
|
||||
margin: 91rpx 275rpx 40rpx 275rpx;
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
}
|
||||
|
||||
.success image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.news1 {
|
||||
font-size: 34rpx;
|
||||
font-family: PingFang SC;
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.news2 {
|
||||
font-size: 28rpx;
|
||||
font-family: PingFang SC;
|
||||
color: #8D8D8D;
|
||||
text-align: center;
|
||||
margin-top: 13rpx;
|
||||
margin-bottom: 67rpx;
|
||||
}
|
||||
|
||||
.title1 {
|
||||
width: 329rpx;
|
||||
height: 56rx;
|
||||
font-size: 20rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #414141;
|
||||
opacity: 1;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.dianpu {
|
||||
font-size: 20rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
line-height: 18rpx;
|
||||
color: #B4B4B4;
|
||||
opacity: 1;
|
||||
margin-left: 6rpx;
|
||||
}
|
||||
|
||||
.btn1 {
|
||||
/* width: 244rpx;
|
||||
height: 80rpx;
|
||||
background: #8D8D8D;
|
||||
border-radius: 310rpx;
|
||||
font-size: 28rpx;
|
||||
color: #fff; */
|
||||
font-weight: 300;
|
||||
width: 152rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 310rpx;
|
||||
font-size: 30rpx;
|
||||
border: 1px solid;
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* .btn2 {
|
||||
width: 244rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 310rpx;
|
||||
background-color: #FF4C00;
|
||||
font-size: 28rpx;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
} */
|
||||
|
||||
.btn2 {
|
||||
font-weight: 300;
|
||||
width: 244rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 310rpx;
|
||||
font-size: 30rpx;
|
||||
color: #fff;
|
||||
background: linear-gradient(312deg, #1B56FF 0%, #2D7AFF 0%, #00DBFC 100%);
|
||||
}
|
||||
|
||||
.price {
|
||||
display: flex;
|
||||
margin-top: 8rpx;
|
||||
}
|
||||
|
||||
.price view:nth-child(1) {
|
||||
line-height: 44rpx;
|
||||
font-size: 20rpx;
|
||||
font-weight: 700;
|
||||
color: #E75D4D;
|
||||
}
|
||||
|
||||
.price view:nth-child(2) {
|
||||
width: 51rpx;
|
||||
height: 21rpx;
|
||||
border: 1px solid #E75D4D;
|
||||
border-radius: 4rpx;
|
||||
font-size: 15rpx;
|
||||
font-weight: 400;
|
||||
color: #e75d4d;
|
||||
text-align: center;
|
||||
margin: 11rpx ;
|
||||
}
|
||||
.price view:nth-child(3){
|
||||
font-size: 20rpx;
|
||||
line-height: 44rpx;
|
||||
font-weight: 400;
|
||||
color: #B4B4B4;
|
||||
margin-left: 121rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.nav_box {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-left: 50rpx;
|
||||
padding-right: 50rpx;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.nav_bar {
|
||||
width: 104rpx;
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
text-align: center;
|
||||
font-size: 24rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #5B5B5B;
|
||||
|
||||
}
|
||||
|
||||
.active {
|
||||
color: #5B5B5B;
|
||||
font-size: 28rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 800;
|
||||
border-bottom: 6rpx solid #FF6A6A;
|
||||
}
|
||||
.time_msg{
|
||||
font-size: 24rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
line-height: 66rpx;
|
||||
color: #5B5B5B;
|
||||
opacity: 1;
|
||||
float: left;
|
||||
}
|
||||
.status_msg{
|
||||
font-size: 24rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
line-height: 66rpx;
|
||||
color: #FF6A6A;
|
||||
opacity: 1;
|
||||
float: right;
|
||||
}
|
||||
.details_box{
|
||||
display: flex;
|
||||
}
|
||||
.title{
|
||||
width: 430rpx;
|
||||
height: 86rpx;
|
||||
font-size: 30rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: bold;
|
||||
line-height: 44rpx;
|
||||
color: #222222;
|
||||
opacity: 1;
|
||||
margin-top: 16rpx;
|
||||
overflow:hidden;
|
||||
text-overflow: ellipsis;
|
||||
display:-webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
.detail_number{
|
||||
font-size: 26rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
line-height: 37rpx;
|
||||
color: #B4B4B4;
|
||||
opacity: 1;
|
||||
margin-top: 11rpx;
|
||||
}
|
||||
.money{
|
||||
margin-top: 18rpx;
|
||||
font-size: 26rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
line-height: 37rpx;
|
||||
color: #B4B4B4;
|
||||
opacity: 1;
|
||||
|
||||
}
|
||||
.detail_btn{
|
||||
position: absolute;
|
||||
|
||||
bottom: 12rpx;
|
||||
right: 24rpx;
|
||||
/* min-width: 140rpx; */
|
||||
height: 57rpx;
|
||||
/* background: #000; */
|
||||
border: 1rpx solid #A5A5A5;
|
||||
border-radius: 34rpx;
|
||||
font-size: 26rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
line-height: 57rpx;
|
||||
color: #4A4A4A;
|
||||
opacity: 1;
|
||||
text-align: center;
|
||||
padding: 0 31rpx;
|
||||
}
|
||||
|
||||
.order-list{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.status-box{
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
margin-top: 0rpx;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background-color:#ffffff;
|
||||
margin-left: 220rpx;
|
||||
margin-right: 220rpx;
|
||||
justify-content: space-between;
|
||||
|
||||
}
|
||||
.status-box .status-label{
|
||||
width: 150rpx;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
font-size:24rpx;
|
||||
color:#353535;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
}
|
||||
.status-box .status-label.active{
|
||||
|
||||
|
||||
color: #5B5B5B;
|
||||
font-size: 28rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 800;
|
||||
border-bottom: 6rpx solid #FF6A6A;
|
||||
}
|
||||
.status-box .status-label .red-dot{
|
||||
width: 16rpx;
|
||||
height: 16rpx;
|
||||
position: absolute;
|
||||
left: 116rpx;
|
||||
top:23rpx;
|
||||
background-color: #f43530;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.no-order{
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 252rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
padding-top: 203rpx;
|
||||
background-color: #F2f2f2;
|
||||
}
|
||||
.no-order-img{
|
||||
width: 81rpx;
|
||||
height: 96rpx;
|
||||
margin-bottom: 31rpx;
|
||||
}
|
||||
.no-order .text{
|
||||
font-size:28rpx;
|
||||
color:#999999;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.row-wrapxs{
|
||||
width: 100%;
|
||||
height: 130rpx;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
display: flex;
|
||||
/*justify-content: space-between;*/
|
||||
}
|
||||
.tankuang{
|
||||
border-radius: 30rpx 30rpx 0px 0px;
|
||||
width: 100%;
|
||||
height:567rpx;
|
||||
background: #ffffff;
|
||||
opacity: 1;
|
||||
display: flex;
|
||||
position:fixed;
|
||||
bottom:100rpx;
|
||||
flex-direction:column;
|
||||
align-items: center;
|
||||
z-index: 3;
|
||||
}
|
||||
.qtankuang{
|
||||
border-radius: 30rpx 30rpx 0px 0px;
|
||||
width: 100%;
|
||||
height:367rpx;
|
||||
background: #ffffff;
|
||||
opacity: 1;
|
||||
display: flex;
|
||||
position:fixed;
|
||||
bottom:100rpx;
|
||||
flex-direction:column;
|
||||
align-items: center;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.row-wrap{
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
margin-left: 0rpx;
|
||||
border-bottom: 1rpx solid rgb(238, 238, 238);
|
||||
display: flex;
|
||||
font-size: 28rpx;
|
||||
background-color: #ffffff;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.row-wrap .label{
|
||||
|
||||
margin-left: 33rpx;
|
||||
}
|
||||
.row-wrap .label-right{
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
.wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.block {
|
||||
width: 676rpx;
|
||||
height: 1125rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
|
||||
.select-wrap {
|
||||
width: 300rpx;
|
||||
margin-left: 116rpx;
|
||||
}
|
||||
|
||||
.Group {
|
||||
height: 270rpx;
|
||||
display: flex;
|
||||
border-bottom: 1px solid #999999;
|
||||
}
|
||||
.Groupone {
|
||||
height: 161rpx;
|
||||
display: flex;
|
||||
border-bottom: 1px solid #999999;
|
||||
}
|
||||
.Group-image {
|
||||
width: 230rpx;
|
||||
height: 230rpx;
|
||||
margin: 19rpx 28rpx 19rpx 31rpx;
|
||||
}
|
||||
|
||||
.Group-image image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.content {
|
||||
/* padding: 20rpx 35rpx; */
|
||||
width: 400rpx;
|
||||
height: 201rpx;
|
||||
margin-top: 28rpx;
|
||||
}
|
||||
|
||||
.content .title1 {
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.content .title2 {
|
||||
font-size: 26rpx;
|
||||
height: 37rpx;
|
||||
line-height: 37rpx;
|
||||
display: flex;
|
||||
color: #B4B4B4;
|
||||
margin: 11rpx 0 18rpx 0;
|
||||
}
|
||||
|
||||
.content .title2 .house {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
margin-right: 7rpx;
|
||||
margin-top: 5rpx;
|
||||
}
|
||||
|
||||
|
||||
.content .title2 .house image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.content .Price {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.content .Price .Price1 {
|
||||
font-size: 34rpx;
|
||||
color: #FF4A4A;
|
||||
line-height: 42rpx;
|
||||
margin-right: 17rpx;
|
||||
}
|
||||
|
||||
.content .Price .Price2 {
|
||||
font-size: 24rpx;
|
||||
color: #CBCBCB;
|
||||
line-height: 41rpx;
|
||||
margin-right: 23rpx;
|
||||
text-decoration:line-through;
|
||||
}
|
||||
|
||||
.content .Price .Price3 {
|
||||
width: 51rpx;
|
||||
height: 21rpx;
|
||||
font-size: 15rpx;
|
||||
color: #E75D4D;
|
||||
border: 1px solid #E75D4D;
|
||||
border-radius: 4rpx;
|
||||
text-align: center;
|
||||
line-height: 18rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.order-list{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.custom-bar {
|
||||
/* background-color: #aaa; */
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.custom-bar__wrapper {
|
||||
padding: 0 10rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.search-group {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
border-radius: 60rpx;
|
||||
/* padding: 0 10rpx; */
|
||||
padding-left: 25rpx;
|
||||
background: #F5F5F5;
|
||||
}
|
||||
.search-group > input {
|
||||
font-size: 25rpx;
|
||||
width: 800rpx;
|
||||
}
|
||||
.search-group > image {
|
||||
height: 32rpx;
|
||||
width: 32rpx;
|
||||
margin-right: 20rpx
|
||||
}
|
||||
|
||||
.buttonsty{
|
||||
width: 244rpx;
|
||||
height: 80rpx;
|
||||
text-align: center;
|
||||
font-size: 25rpx;
|
||||
background: #F5F5F5;
|
||||
border-radius: 310rpx;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
display: flex ;
|
||||
}
|
||||
|
||||
/* 优惠活动文字 */
|
||||
.Distit {
|
||||
width: 685rpx;
|
||||
display: flex;
|
||||
margin-top: 26rpx;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.textone{
|
||||
background: #FF4C00;
|
||||
border-radius: 50%;
|
||||
width: 29rpx;
|
||||
height: 29rpx;
|
||||
align-items: center;
|
||||
font-size: 17rpx;
|
||||
color: #FFFFFF;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.viewone{
|
||||
display: flex;flex-direction:column;align-items: center; margin-left: 56rpx;
|
||||
}
|
||||
|
||||
.yaotext{
|
||||
font-size: 60rpx;text-shadow: 0rpx 3rpx 5rpx rgba(250, 37, 61, 0.59);
|
||||
color: #FFF433;
|
||||
display: flex;
|
||||
position: relative;
|
||||
top: -228rpx;
|
||||
justify-content: center;
|
||||
font-family: FZChaoCuHei-M10S;
|
||||
|
||||
}
|
||||
.yaotexttwo{
|
||||
font-size: 60rpx;
|
||||
font-family: YouSheBiaoTiHei;
|
||||
color: #FFFFFF;
|
||||
text-shadow: 0rpx 3rpx 6rpx #FE424C;
|
||||
display: flex;
|
||||
position: relative;
|
||||
top: -200rpx;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
||||
.imageone{
|
||||
width: 90rpx;
|
||||
height: 90rpx;
|
||||
border: 2rpx solid #FF4C00;
|
||||
border-style:dashed;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.texttwo{
|
||||
background: #FF4C00;
|
||||
width: 57rpx;
|
||||
height: 27rpx;
|
||||
align-items: center;
|
||||
font-size: 17rpx;
|
||||
color: #FFFFFF;
|
||||
text-align:center;
|
||||
}
|
||||
.imagetwo{}
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user