miniprogram / shop · 提交

转到一个项目

作者 zhangwei
提交 318a49ae476eef9944064e208c16831eb1f2acae 1 个父辈 95bc27c5

shop

内嵌 并排对比
正在显示 7 个修改的文件 包含 1043 行增加 和 776 行删除
... ... @@ -11,7 +11,6 @@
"pages/mine/addr_2/addr_2",
"pages/mine/addr_1/addr_1",
"pages/homeindex/homeindex",
"pages/index/index",
"pages/logs/logs",
"pages/mine/mine",
"pages/mine/collect/collect"
... ...
// pages/kind/detail_1/detail_1.js
const app = getApp();
var WxParse = require('../../../wxParse/wxParse.js');
Page({
/**
* 页面的初始数据
*/
... ... @@ -10,28 +10,91 @@ Page({
showModal: false,
hide: false,
num: 1,
detail_id:null
detail_id:null,
detailCon:{},
assess:[]
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
this.detaiFun()
this.setData({
detail_id:options.id
})
this.detaiFun(options.id)
this.assessFun()
},
goFirm_order1(e){
wx.navigateTo({
url: '../firm_order1/firm_order1?id=' + e.currentTarget.dataset.id,
})
},
// 商品详情数据
detaiFun(){
detaiFun(id){
let that = this;
let url ="home/index/shopEdit";
let params = {
shop_id:this.data.detail_id
shop_id: id
}
let header = {
"XX-Token": '123123',
"XX-Device-Type": 'wxapp'
}
app.post(url,params).then((res) =>{
app.post(url,params,header).then((res) =>{
console.log(res)
that.setData({
detailCon:res,
content: res.content
})
WxParse.wxParse('content', 'html', this.data.content, this, 5);
}).catch((err) =>{
console.log(err)
})
},
// 商品评价页面
assessFun(){
let that = this;
let url = "home/index/shopMessage";
let header = {
"XX-Token": '123123',
"XX-Device-Type": 'wxapp'
}
let params = {
shop_id:that.data.detail_id,
}
app.post(url,params,header).then((res) =>{
console.log(res)
that.setData({
assess:res.data.list
})
}).catch((err) =>{
console.log(err)
})
},
// 加入收藏
addFun(){
let that = this;
let url = "home/index/shopCollect";
let params = {
shop_id: that.data.detail_id,
};
let header = {
"XX-Token": '123123',
"XX-Device-Type": 'wxapp'
};
app.post(url,params,header).then((res) =>{
console.log(res)
// if(res.code == 20000){
wx.showToast({
title: res.msg,
icon: "none",
duration: 1500
})
// }
}).catch((err) =>{
console.log(err)
})
... ...
... ... @@ -4,30 +4,30 @@
<view class='ware_box'>
<view class='ware_top'>
<view class='ware_1'>
<image src='../../../img/gerenzhingxinbeijing@2x.png'></image>
<image src='{{detailCon.thumb}}'></image>
<view class='ware_1_time'>
据结束2时22分
</view>
</view>
<view class='ware_text'>
<view class='ware_2'>
<text class='ware_2Txt1'>纯进口有机菜花</text>
<text class='ware_2Txt2'>产地：智力</text>
<text class='ware_2Txt1'>{{detailCon.name}}</text>
<text class='ware_2Txt2'>产地：{{detailCon.origin}}</text>
</view>
<view class='ware_3'>
<progress percent="42" show-info color="#B5DE96" border-radius="8" font-size="24rpx" stroke-width="16rpx" />
</view>
<view class='ware_4'>
<text>已拼300份，目标500份</text>
<text>已拼{{detailCon.numb}}份，目标{{detailCon.group}}份</text>
</view>
<view class='ware_5'>
<view>
<text class='ware5_t1'>￥52/</text>
<text class='ware5_t2'>1磅1份</text>
<text class='ware5_t1'>￥{{detailCon.money_sale}}/</text>
<text class='ware5_t2'>{{detailCon.shop_type}}</text>
</view>
<view class='ware5_box'>
<view class='ware5_t3'>40mm-50m</view>
<view class='ware5_t4'>番茄果径</view>
<view class='ware5_t3'>{{detailCon.text_table}}</view>
<view class='ware5_t4'>{{detailCon.text_content}}</view>
</view>
<view class='ware_6'>
<view>立即参团</view>
... ... @@ -37,7 +37,7 @@
</view>
<view class='ware_bot'>
<view class='ware_bot_tit'>经典推荐</view>
<view class='ware_bot_txt'>智利进口，绿色健康，硕大饱满</view>
<view class='ware_bot_txt'>{{detailCon.recommend}}</view>
</view>
</view>
</view>
... ... @@ -54,24 +54,29 @@
</view>
<view class='ware_detailC'>
<view class='ware_detailImg' wx:if="{{index == 1}}">
<image src='../../../img/gerenzhingxinbeijing@3x.png'></image>
<import src="../../../wxParse/wxParse.wxml" />
<template is="wxParse" data="{{wxParseData:content.nodes}}" />
</view>
<!-- 用户评价 -->
<view class='ware_assess' wx:if="{{index == 2}}">
<view class='ware_assess_li'>
<view class='ware_assess_li' wx:for="{{assess}}" wx:key = "index">
<view class='assess_header'>
<view class='assess_headerImg'>
<image src='../../../img/jujia@2x.png'></image>
<image src='{{item.avatar}}'></image>
</view>
<view class='assess_headerTxt'>朱*明</view>
<view class='assess_headerTxt'>{{item.user_nickname}}</view>
</view>
<view class='assess_say'>
产品和描述一直，很喜欢他们家的东西，体验了下东西确实也不错
{{item.text}}
</view>
<view class='ware_pic'>
<view class='ware_picBox'>
<image src='{{item.img}}'></image>
</view>
</view>
<view class='ware_pic'></view>
<view class='assess_time'>2019/07/01</view>
</view>
<view class='ware_assess_li'>
<!-- <view class='ware_assess_li'>
<view class='assess_header'>
<view class='assess_headerImg'>
<image src='../../../img/jujia@2x.png'></image>
... ... @@ -90,7 +95,7 @@
</view>
</view>
<view class='assess_time'>2019/07/01</view>
</view>
</view> -->
<view class='whole'>
查看全部评价
</view>
... ... @@ -99,7 +104,7 @@
</view>
<!-- footer底部 -->
<view class='footer'>
<view class='footer_add'>加入收藏</view>
<view class='footer_add' bindtap='addFun'>加入收藏</view>
<view class='footer_off' bindtap='goConfirm'>立即参团</view>
</view>
<!-- 遮罩层 -->
... ... @@ -109,16 +114,16 @@
<view class='modalDlg_p'>
<view class='m_top'>
<view class='m_topImg'>
<image src='../../../img/douyao.png'></image>
<image src='{{detailCon.thumb}}'></image>
</view>
<view class='m_topTxt'>
<view class='m_topTxt1'>
<view class='m_topName'>纯进口有机菜花</view>
<view class='m_topName'>{{detailCon.name}}</view>
<image bindtap='m_close' src='../../../img/cha.png'></image>
</view>
<view class='m_topTxt2'>
<view class='m_topPrice'>￥52.00</view>
<view class='m_topHelf'>1磅1份</view>
<view class='m_topPrice'>￥{{detailCon.money_sale}}</view>
<view class='m_topHelf'>{{detailCon.shop_type}}</view>
</view>
</view>
</view>
... ... @@ -130,6 +135,6 @@
<view class='push' bindtap="bindPlus">+</view>
</view>
</view>
<button class='m_btn' bindtap='goFirm_order1'>确认</button>
<button class='m_btn' bindtap='goFirm_order1' data-id="{{detailCon.shop_id}}">确认</button>
</view>
</view>
\ No newline at end of file
... ...
/* pages/kind/detail_1/detail_1.wxss */
page{
background: #F7F7F7;
}
.container{
overflow: hidden;
background: white;
padding-bottom:48rpx;
}
.ware_box{
width:688rpx;
height:400rpx;
margin:32rpx auto;
background:#F9FAFC;
}
.ware_top{
overflow: hidden;
display: flex;
padding:32rpx 18rpx 0;
}
.ware_1{
width:312rpx;
height:208rpx;
position: relative;
}
.ware_1 image{
width:100%;
height:100%;
}
.ware_1_time{
position: absolute;
bottom:0;
width:208rpx;
height:48rpx;
color: white;
text-align: center;
line-height:48rpx;
font-size:24rpx;
background:#FAC8C8;
font-family:PingFang SC;
}
.ware_text{
margin-left:14rpx;
width:100%;
}
.ware_2Txt1{
font-size:32rpx;
font-family:PingFang SC;
font-weight:600;
line-height:44rpx;
color:rgba(51,51,51,1);
}
.ware_2Txt2{
font-size:22rpx;
margin-left:98rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(204,204,204,1);
}
.ware_3 progress{
width:370rpx;
color:#B5DE96;
margin-top:24rpx;
}
.ware_4 text,.ware5_t2{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(204,204,204,1);
}
.ware_5{
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.ware5_t1{
font-size:30rpx;
font-family:DIN 1451 Std Mittelschrift;
font-weight:400;
color:rgba(255,0,0,1);
}
.ware5_t3{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:30rpx;
color:rgba(51,51,51,1);
}
.ware5_t4{
font-size:18rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(153,153,153,1);
}
.ware_6{
width:144rpx;
height:48rpx;
background:rgba(249,150,20,1);
box-shadow:0px 2rpx 12rpx rgba(255,145,0,0.16);
border-radius:24rpx;
}
.ware_6 view{
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
text-align: center;
line-height:48rpx;
color:rgba(255,255,255,1);
}
.ware_bot{
width:670rpx;
height:80rpx;
margin: auto;
display: flex;
line-height:80rpx;
margin-top:32rpx;
background-color:#F1F7F1;
}
.ware_bot_tit{
font-size:30rpx;
font-weight:bold;
margin-left:32rpx;
color:rgba(110,172,61,1);
}
.ware_bot_tit:after{
content:"";
margin:0 38rpx;
border-right:1px solid #B5DE96;
}
.ware_bot_txt{
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(153,153,153,1);
@import "../../../wxParse/wxParse.wxss";
page {
background: #f7f7f7;
}
.container {
overflow: hidden;
background: white;
padding-bottom: 48rpx;
}
.ware_box {
width: 688rpx;
height: 400rpx;
overflow: hidden;
margin:16rpx auto 0;
background: #f9fafc;
}
.ware_top {
margin-top:44rpx;
display: flex;
padding:0 16rpx;
box-sizing: border-box;
}
.ware_1 {
width: 208rpx;
height: 208rpx;
position: relative;
}
.ware_1 image {
width: 100%;
height: 100%;
}
.ware_1_time {
position: absolute;
bottom: 0;
width: 208rpx;
height: 48rpx;
color: white;
text-align: center;
line-height: 48rpx;
font-size: 24rpx;
background: #fac8c8;
font-family: PingFang SC;
}
.ware_text {
margin-left:14rpx;
}
.ware_2Txt1 {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 600;
line-height: 44rpx;
color: rgba(51, 51, 51, 1);
}
.ware_2Txt2 {
font-size: 22rpx;
margin-left: 98rpx;
font-family: PingFang SC;
font-weight: 400;
line-height: 32rpx;
color: rgba(204, 204, 204, 1);
}
.ware_3 progress {
width: 370rpx;
color: #b5de96;
margin-top: 24rpx;
}
.ware_4 text{
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 400;
line-height: 32rpx;
color: rgba(204, 204, 204, 1);
}
.ware5_t2 {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:70rpx;
display: inline-block;
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 400;
line-height: 19rpx;
margin-left:4rpx;
color: rgba(204, 204, 204, 1);
}
.ware_5 {
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.ware5_t1 {
width:110rpx;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:26rpx;
font-family: DIN 1451 Std Mittelschrift;
font-weight: 400;
color: rgba(255, 0, 0, 1);
}
.ware5_t3 {
width:104rpx;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size: 20rpx;
font-family: PingFang SC;
font-weight: 400;
line-height: 30rpx;
color: rgba(51, 51, 51, 1);
}
.ware5_t4 {
width:104rpx;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size: 18rpx;
font-family: PingFang SC;
font-weight: 400;
color: rgba(153, 153, 153, 1);
}
.ware_6 {
width: 144rpx;
height: 48rpx;
margin-left: 14rpx;
background: rgba(249, 150, 20, 1);
box-shadow: 0px 2rpx 12rpx rgba(255, 145, 0, 0.16);
border-radius: 24rpx;
}
.ware5_box{
margin-left:4rpx;
}
.ware_6 view {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 400;
text-align: center;
line-height: 48rpx;
color: rgba(255, 255, 255, 1);
}
.ware_bot {
width: 670rpx;
height: 80rpx;
margin: auto;
display: flex;
line-height: 80rpx;
margin-top: 32rpx;
background-color: #f1f7f1;
}
.ware_bot_tit {
font-size: 30rpx;
font-weight: bold;
margin-left: 32rpx;
color: rgba(110, 172, 61, 1);
}
.ware_bot_tit:after {
content: "";
margin: 0 38rpx;
border-right: 1px solid #b5de96;
}
.ware_bot_txt {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 400;
color: rgba(153, 153, 153, 1);
}
/* 规格 */
.spec{
width:100%;
padding:0 32rpx;
line-height:80rpx;
display: flex;
height:80rpx;
margin-top:8rpx;
background:white;
}
.spec_txt{
font-size:32rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
}
.spec_txt2{
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
margin-left:108rpx;
color:rgba(153,153,153,1);
.spec {
width: 100%;
padding: 0 32rpx;
line-height: 80rpx;
display: flex;
height: 80rpx;
margin-top: 8rpx;
background: white;
}
.spec_txt {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 400;
color: rgba(51, 51, 51, 1);
}
.spec_txt2 {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 400;
margin-left: 108rpx;
color: rgba(153, 153, 153, 1);
}
/* 商品详情 */
.ware_detail{
width:100%;
margin-top:8rpx;
margin-bottom:96rpx;
padding-bottom:66rpx;
background: white;
}
.ware_detail_tit{
width:688rpx;
margin: auto;
display: flex;
padding:44rpx 0rpx 42rpx;
justify-content:space-around;
border-bottom:2rpx solid #F5F5F5;
}
.ware_detail .ware_active{
color:#6EAC3D;
font-weight:600;
}
.ware_active:after{
content: "";
width:16rpx;
height: 6rpx;
margin: auto;
display: block;
margin-top:6rpx;
border-radius:8rpx;
background:rgba(110,172,61,1);
}
.ware_detail_tit view{
font-size:28rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(153,153,153,1);
}
.ware_detailC{
width:688rpx;
margin:26rpx auto 0;
}
.ware_detailImg{
width:688rpx;
height:470rpx;
}
.ware_detailImg image{
width:100%;
height:100%;
.ware_detail {
width: 100%;
margin-top: 8rpx;
margin-bottom: 96rpx;
padding-bottom: 66rpx;
background: white;
}
.ware_detail_tit {
width: 688rpx;
margin: auto;
display: flex;
padding: 44rpx 0rpx 42rpx;
justify-content: space-around;
border-bottom: 2rpx solid #f5f5f5;
}
.ware_detail .ware_active {
color: #6eac3d;
font-weight: 600;
}
.ware_active:after {
content: "";
width: 16rpx;
height: 6rpx;
margin: auto;
display: block;
margin-top: 6rpx;
border-radius: 8rpx;
background: rgba(110, 172, 61, 1);
}
.ware_detail_tit view {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 400;
color: rgba(153, 153, 153, 1);
}
.ware_detailC {
width: 688rpx;
margin: 26rpx auto 0;
}
.ware_detailImg {
width: 688rpx;
height: 470rpx;
}
.ware_detailImg image {
width: 100%;
height: 100%;
}
/* 用户评价 */
.ware_assess_li{
padding-bottom:24rpx;
margin-bottom:32rpx;
border-bottom: 1px solid #F5F5F5;
}
.assess_header{
display: flex;
justify-content: space-between;
}
.assess_headerImg{
width:64rpx;
height:64rpx;
}
.assess_headerImg image{
width:100%;
height:100%;
}
.assess_headerTxt{
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(153,153,153,1);
}
.assess_say{
font-size:30rpx;
font-family:PingFang SC;
font-weight:400;
margin-top:18rpx;
color:rgba(102,102,102,1);
}
.assess_time{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
margin-top:12rpx;
color:rgba(153,153,153,1);
}
.ware_pic{
display: flex;
width:100%;
margin-top:10rpx;
}
.ware_picBox{
margin-right: 16rpx;
}
.ware_picBox image{
width:112rpx;
height:112rpx;
.ware_assess_li {
padding-bottom: 24rpx;
margin-bottom: 32rpx;
border-bottom: 1px solid #f5f5f5;
}
.assess_header {
display: flex;
justify-content: space-between;
}
.assess_headerImg {
width: 64rpx;
height: 64rpx;
}
.assess_headerImg image {
width: 100%;
height: 100%;
}
.assess_headerTxt {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 400;
color: rgba(153, 153, 153, 1);
}
.assess_say {
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 400;
margin-top: 18rpx;
color: rgba(102, 102, 102, 1);
}
.assess_time {
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 400;
margin-top: 12rpx;
color: rgba(153, 153, 153, 1);
}
.ware_pic {
display: flex;
width: 100%;
margin-top: 10rpx;
}
.ware_picBox {
margin-right: 16rpx;
}
.ware_picBox image {
width: 112rpx;
height: 112rpx;
}
/* 全部评价 */
.whole{
width:336rpx;
height:64rpx;
background:rgba(255,255,255,1);
border:2rpx solid rgba(230,230,230,1);
border-radius:166rpx;
font-size:26rpx;
text-align: center;
line-height:64rpx;
font-family:PingFang SC;
font-weight:400;
margin: auto;
color:rgba(102,102,102,1);
.whole {
width: 336rpx;
height: 64rpx;
background: rgba(255, 255, 255, 1);
border: 2rpx solid rgba(230, 230, 230, 1);
border-radius: 166rpx;
font-size: 26rpx;
text-align: center;
line-height: 64rpx;
font-family: PingFang SC;
font-weight: 400;
margin: auto;
color: rgba(102, 102, 102, 1);
}
/* footer */
.footer{
position: fixed;
bottom: 0;
text-align: center;
width:750rpx;
height:96rpx;
display: flex;
line-height:66rpx;
align-items: center;
justify-content: center;
background:rgba(255,255,255,1);
box-shadow:0px -2rpx 12rpx rgba(0,0,0,0.06);
}
.footer_add,.footer_off{
width:272rpx;
height:64rpx;
font-size:32rpx;
font-family:PingFang SC;
font-weight:600;
border-radius:32rpx;
border:2rpx solid rgba(172,212,66,1);
}
.footer_add{
background:rgba(255,255,255,1);
margin-right:32rpx;
color:rgba(110,172,61,1);
}
.footer_off{
background:linear-gradient(159deg,rgba(181,222,150,1) 0%,rgba(169,209,33,1) 100%);
box-shadow:0rpx 6rpx 40rpx rgba(136,255,0,0.16);
color:rgba(255,255,255,1);
.footer {
position: fixed;
bottom: 0;
text-align: center;
width: 750rpx;
height: 96rpx;
display: flex;
line-height: 66rpx;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 1);
box-shadow: 0px -2rpx 12rpx rgba(0, 0, 0, 0.06);
}
.footer_add, .footer_off {
width: 272rpx;
height: 64rpx;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 600;
border-radius: 32rpx;
border: 2rpx solid rgba(172, 212, 66, 1);
}
.footer_add {
background: rgba(255, 255, 255, 1);
margin-right: 32rpx;
color: rgba(110, 172, 61, 1);
}
.footer_off {
background: linear-gradient(159deg, rgba(181, 222, 150, 1) 0%, rgba(169, 209, 33, 1) 100%);
box-shadow: 0rpx 6rpx 40rpx rgba(136, 255, 0, 0.16);
color: rgba(255, 255, 255, 1);
}
/* 遮罩层 */
.mask{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #000;
z-index: 9000;
opacity: 0.64;
.mask {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #000;
z-index: 9000;
opacity: 0.64;
}
/* 弹出层 */
.modalDlg{
width:100%;
height:454rpx;
bottom:0;
position: fixed;
z-index: 9999;
background-color: #fff;
}
.modalDlg_p{
padding:0 30rpx;
}
.m_top{
display: flex;
}
.m_topTxt1{
display: flex;
align-self: center;
justify-content: space-between;
margin-top:30rpx;
}
.m_topTxt{
width:100%;
margin-left:16rpx;
}
.m_topImg{
margin-top:-48rpx;
display: flex;
}
.m_topImg image{
width:208rpx;
height:208rpx;
}
.m_topTxt1 image{
width:32rpx;
height:32rpx;
}
.m_topName{
font-size:32rpx;
font-family:PingFang SC;
font-weight:600;
color:rgba(51,51,51,1);
}
.m_topTxt2{
display: flex;
margin-top:16rpx;
align-items: center;
}
.m_topPrice{
font-size:28rpx;
font-family:DIN 1451 Std Mittelschrift;
font-weight:400;
color:#FF0000;
}
.m_topHelf{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
margin-left:16rpx;
color:rgba(204,204,204,1);
}
.m_number{
display: flex;
align-items: center;
margin-top:18rpx;
}
.minus_push{
display: flex;
margin-left: auto;
align-items: center;
}
.m_numTxt{
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(153,153,153,1);
}
.minus,.push{
width:48rpx;
height:48rpx;
font-size:40rpx;
text-align: center;
line-height:48rpx;
border:2px solid rgba(110,172,61,1);
border-radius:50%;
}
.minus{
color: #6EAC3D;
}
.num{
margin:0 26rpx;
font-size:32rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(110,172,61,1);
}
.push{
color: white;
background:rgba(110,172,61,1);
}
.m_btn{
width:688rpx;
height:80rpx;
border:0;
margin-top:62rpx;
font-size:32rpx;
font-family:PingFang SC;
font-weight:600;
color:rgba(255,255,255,1);
background:linear-gradient(170deg,rgba(181,222,150,1) 0%,rgba(169,209,33,1) 100%);
box-shadow:0rpx 6rpx 40rpx rgba(162,255,0,0.15);
border-radius:48rpx;
}
\ No newline at end of file
.modalDlg {
width: 100%;
height: 454rpx;
bottom: 0;
position: fixed;
z-index: 9999;
background-color: #fff;
}
.modalDlg_p {
padding: 0 30rpx;
}
.m_top {
display: flex;
}
.m_topTxt1 {
display: flex;
align-self: center;
justify-content: space-between;
margin-top: 30rpx;
}
.m_topTxt {
width: 100%;
margin-left: 16rpx;
}
.m_topImg {
margin-top: -48rpx;
display: flex;
}
.m_topImg image {
width: 208rpx;
height: 208rpx;
}
.m_topTxt1 image {
width: 32rpx;
height: 32rpx;
}
.m_topName {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 600;
color: rgba(51, 51, 51, 1);
}
.m_topTxt2 {
display: flex;
margin-top: 16rpx;
align-items: center;
}
.m_topPrice {
font-size: 28rpx;
font-family: DIN 1451 Std Mittelschrift;
font-weight: 400;
color: #f00;
}
.m_topHelf {
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 400;
margin-left: 16rpx;
color: rgba(204, 204, 204, 1);
}
.m_number {
display: flex;
align-items: center;
margin-top: 18rpx;
}
.minus_push {
display: flex;
margin-left: auto;
align-items: center;
}
.m_numTxt {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 400;
color: rgba(153, 153, 153, 1);
}
.minus, .push {
width: 48rpx;
height: 48rpx;
font-size: 40rpx;
text-align: center;
line-height: 48rpx;
border: 2px solid rgba(110, 172, 61, 1);
border-radius: 50%;
}
.minus {
color: #6eac3d;
}
.num {
margin: 0 26rpx;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 400;
color: rgba(110, 172, 61, 1);
}
.push {
color: white;
background: rgba(110, 172, 61, 1);
}
.m_btn {
width: 688rpx;
height: 80rpx;
border: 0;
margin-top: 62rpx;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 600;
color: rgba(255, 255, 255, 1);
background: linear-gradient(170deg, rgba(181, 222, 150, 1) 0%, rgba(169, 209, 33, 1) 100%);
box-shadow: 0rpx 6rpx 40rpx rgba(162, 255, 0, 0.15);
border-radius: 48rpx;
}
... ...
... ... @@ -10,25 +10,35 @@ Page({
* 页面的初始数据
*/
data: {
shop_id:null,
order_list:{}
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
onLoad: function(options){
this.setData({
shop_id:options.id
})
console.log(options.id)
this.order()
},
order() {
order(){
let that = this;
let url = "home/index/shopMessage";
let url = "home/index/goods";
let header = {
"XX-Token": '123123',
"XX-Device-Type": 'wxapp'
}
let params = {
shop_id: this.data.detail_id
shop_id: that.data.shop_id
// shop_numb:
}
app.post(url, params).then((res) => {
app.post(url,params,header).then((res) => {
console.log(res)
that.setData({
order_list:res.shop
})
}).catch((err) => {
console.log(err)
... ...
<!--pages/kind/firm_order1/firm_order1.wxml-->
<view class='container'>
<!-- 顶部背景 -->
<view class='header'></view>
<!-- 订单详情 -->
<view class='order_box'>
<!-- 个人信息 -->
<view class='o_top'>
<view class='o_topIn'>
<view class='o_topImg'>
<image src='../../../img/jujia@2x.png'></image>
</view>
<view class='o_text'>
<view class='o_namePhone'>
<view class='name'>朱小明</view>
<view class='phone'>150 **** 2104</view>
</view>
<view class='address'>天津市和平区大沽北路15号环球金融中心2407</view>
</view>
<image class='o_right' src='../../../img/right_1.png'></image>
</view>
<image class='o_top_bottom' src='../../../img/kuaidi@2x.png'></image>
</view>
<!-- 商品信息 -->
<view class='o_body'>
<view class='o_body_case'>
<!-- 信息头部 -->
<view class='title'>
<view class='title_icon'>
<image src='../../../img/shangjia@2x.png'></image>
</view>
<view class='title_txt'>商品信息</view>
<!-- 顶部背景 -->
<view class='header'></view>
<!-- 订单详情 -->
<view class='order_box'>
<!-- 个人信息 -->
<view class='o_top'>
<view class='o_topIn'>
<view class='o_topImg'>
<image src='../../../img/jujia@2x.png'></image>
</view>
<view class='o_text'>
<view class='o_namePhone'>
<view class='name'>{{order_list.name}}</view>
<view class='phone'>{{order_list.mobile}}</view>
</view>
<view class='address'>{{order_list.address}}</view>
</view>
<image class='o_right' src='../../../img/right_1.png'></image>
</view>
<image class='o_top_bottom' src='../../../img/kuaidi@2x.png'></image>
</view>
<!-- 商品信息 -->
<view class='o_body'>
<view class='o_body_case'>
<!-- 信息头部 -->
<view class='title'>
<view class='title_icon'>
<image src='../../../img/shangjia@2x.png'></image>
</view>
<view class='title_txt'>商品信息</view>
</view>
<!-- 介绍详情 -->
<view class='goods_detail'>
<view class='goods_detail_pic'>
<view class='detail_pic2'>
<image src='../../../img/douyao.png'></image>
</view>
<view class='detail_pic_txt'>距结束2时22分</view>
</view>
<view class='detail_txt'>
<view class='txt1'>
<view class='txt1_name'>纯进口有机菜花</view>
<view class='txt1_price'>￥52.00</view>
</view>
<view class='txt2'>
<progress percent="42" show-info color="#B5DE96" border-radius="8" font-size="24rpx" stroke-width="16rpx" />
<view class='order'>x4</view>
</view>
<view class='txt3'>已拼300份，目标500份</view>
</view>
</view>
<view class='goods_detail'>
<view class='goods_detail_pic'>
<view class='detail_pic2'>
<image src='../../../img/douyao.png'></image>
</view>
<view class='detail_pic_txt'>距结束2时22分</view>
</view>
<view class='detail_txt'>
<view class='txt1'>
<view class='txt1_name'>纯进口有机菜花</view>
<view class='txt1_price'>￥52.00</view>
</view>
<view class='txt2'>
<progress percent="42" show-info color="#B5DE96" border-radius="8" font-size="24rpx" stroke-width="16rpx" />
<view class='order'>x4</view>
</view>
<view class='txt3'>已拼300份，目标500份</view>
</view>
</view>
<view class='goods_detail'>
<view class='goods_detail_pic'>
<view class='detail_pic2'>
<image src='../../../img/douyao.png'></image>
</view>
<view class='detail_pic_txt'>距结束2时22分</view>
</view>
<view class='detail_txt'>
<view class='txt1'>
<view class='txt1_name'>纯进口有机菜花</view>
<view class='txt1_price'>￥52.00</view>
</view>
<view class='txt2'>
<progress percent="42" show-info color="#B5DE96" border-radius="8" font-size="24rpx" stroke-width="16rpx" />
<view class='order'>x4</view>
</view>
<view class='txt3'>已拼300份，目标500份</view>
</view>
</view>
<!-- 运费 -->
<view class='freight'>
<view class='freight_1'>运费</view>
<view class='freight_2'>￥0.00</view>
</view>
<!-- 其他信息 -->
<view class='othor'>
<view class='othor1'>
<view class='othor1_name'>订单号</view>
<view class='othor1_con'>2019885878957</view>
</view>
<view class='othor1'>
<view class='othor1_name'>备注信息</view>
<view class='othor1_con'>尽量下午送货，来时电话联系</view>
</view>
</view>
</view>
</view>
</view>
<!-- 介绍详情 -->
<view class='goods_detail'>
<view class='goods_detail_pic'>
<view class='detail_pic2'>
<image src='../../../img/douyao.png'></image>
</view>
<view class='detail_pic_txt'>距结束2时22分</view>
</view>
<view class='detail_txt'>
<view class='txt1'>
<view class='txt1_name'>纯进口有机菜花</view>
<view class='txt1_price'>￥52.00</view>
</view>
<view class='txt2'>
<progress percent="42" show-info color="#B5DE96" border-radius="8" font-size="24rpx" stroke-width="16rpx"/>
<view class='order'>x4</view>
</view>
<view class='txt3'>已拼300份，目标500份</view>
</view>
</view>
<!-- 运费 -->
<view class='freight'>
<view class='freight_1'>运费</view>
<view class='freight_2'>￥0.00</view>
</view>
<!-- 其他信息 -->
<view class='othor'>
<view class='othor1'>
<view class='othor1_name'>订单号</view>
<view class='othor1_con'>2019885878957</view>
</view>
<view class='othor1'>
<view class='othor1_name'>备注信息</view>
<view class='othor1_con'>尽量下午送货，来时电话联系</view>
</view>
</view>
</view>
</view>
</view>
</view>
<view class='footer'>
<view class='footer_in'>
<view class='f_txt1'>共1件商品</view>
<view class='f_txt2'>合计: <text class='f_txt3'>￥52.00</text></view>
<view class='f_btn' bindtap='goFirm_order2'>立即支付</view>
</view>
</view>
<view class='footer_in'>
<view class='f_txt1'>共1件商品</view>
<view class='f_txt2'>合计:
<text class='f_txt3'>￥52.00</text>
</view>
<view class='f_btn' bindtap='goFirm_order2'>立即支付</view>
</view>
</view>
\ No newline at end of file
... ...
/* pages/kind/firm_order1/firm_order1.wxss */
page{
background: #F7F7F7;
}
.container{
position: relative;
}
.header{
width:100%;
height:280rpx;
background:#6EAC3D;
}
.order_box{
position: absolute;
width:688rpx;
height:820rpx;
top:57rpx;
left:0;
right:0;
margin: auto;
background: white;
}
.o_top{
width:100%;
}
.o_topIn{
display: flex;
padding:80rpx 32rpx 0;
}
.o_namePhone{
display: flex;
margin-top:4rpx;
}
.o_text{
width:100%;
margin-left:16rpx;
}
.o_topImg image{
width:96rpx;
height:96rpx;
}
.o_namePhone .name{
font-size:34rpx;
font-family:PingFang SC;
font-weight:600;
color:rgba(0,0,0,1);
}
.o_namePhone .phone{
font-size:34rpx;
margin-left: auto;
font-family:PingFang SC;
font-weight:400;
color:rgba(0,0,0,1);
}
.address{
margin-top:8rpx;
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(153,153,153,1);
}
.o_right{
width:28rpx;
height:42rpx;
margin:26rpx 0 0 20rpx;
}
.o_top_bottom{
width:688rpx;
height:6rpx;
}
.o_body_case{
padding:30rpx;
}
.title_icon{
width:32rpx;
height:32rpx;
}
.title_icon image{
width:100%;
height:100%;
}
.title{
display: flex;
padding-bottom:24rpx;
border-bottom:1px solid #F5F5F5;
}
.title_txt{
font-size:34rpx;
margin:2rpx 0 0 18rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
}
.goods_detail_pic{
position: relative;
}
.detail_pic2{
width:144rpx;
height:144rpx;
}
.detail_pic2 image{
width:100%;
height:100%;
}
.goods_detail{
margin-top:32rpx;
display: flex;
}
.detail_txt{
width:100%;
margin-left:16rpx;
}
.detail_pic_txt{
width:144rpx;
height:28rpx;
position: absolute;
bottom: 0;
background: #FAC8C8;
font-size:20rpx;
text-align: center;
line-height:28rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
}
.txt1{
display: flex;
}
.txt1_name{
font-size:32rpx;
font-family:PingFang SC;
font-weight:600;
color:rgba(51,51,51,1);
}
.txt1_price{
margin-left: auto;
font-size:28rpx;
font-family:DIN 1451 Std Mittelschrift;
font-weight:400;
color:rgba(255,0,0,1);
}
.txt2 progress{
width:320rpx;
color:#B5DE96;
margin-top:24rpx;
}
.txt2{
display: flex;
}
.order{
font-size:24rpx;
margin-top:22rpx;
margin-left: auto;
font-family:PingFang SC;
font-weight:400;
color:rgba(153,153,153,1);
}
.txt3{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
margin-top:10rpx;
color:rgba(204,204,204,1);
}
.freight{
display: flex;
margin-top:34rpx;
padding-bottom:24rpx;
border-bottom:1px solid #F5F5F5;
}
.freight_1,.freight_2{
font-size:28rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(102,102,102,1);
}
.freight,.freight_2{
font-weight:normal;
margin-left: auto;
font-family:DIN 1451 Std Engschrift;
}
.othor{
margin-top:44rpx;
}
.othor1{
display: flex;
align-items: center;
margin-bottom:16rpx;
}
.othor1_name{
font-size:32rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
}
.othor1_con{
font-size:26rpx;
margin-left: auto;
font-family:PingFang SC;
font-weight:400;
color:rgba(153,153,153,1);
}
page {
background: #f7f7f7;
}
.container {
position: relative;
}
.header {
width: 100%;
height: 280rpx;
background: #6eac3d;
}
.order_box {
position: absolute;
width: 688rpx;
top: 57rpx;
left: 0;
right: 0;
margin: auto;
margin-bottom:180rpx;
background: white;
}
.o_top {
width: 100%;
}
.o_topIn {
display: flex;
padding: 80rpx 32rpx 0;
}
.o_namePhone {
display: flex;
margin-top: 4rpx;
}
.o_text {
width: 100%;
margin-left: 16rpx;
}
.o_topImg image {
width: 96rpx;
height: 96rpx;
}
.o_namePhone .name {
font-size: 34rpx;
font-family: PingFang SC;
font-weight: 600;
color: rgba(0, 0, 0, 1);
}
.o_namePhone .phone {
font-size: 34rpx;
margin-left: auto;
font-family: PingFang SC;
font-weight: 400;
color: rgba(0, 0, 0, 1);
}
.address {
margin-top: 8rpx;
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 400;
color: rgba(153, 153, 153, 1);
}
.o_right {
width: 28rpx;
height: 42rpx;
margin: 26rpx 0 0 20rpx;
}
.o_top_bottom {
width: 688rpx;
height: 6rpx;
}
.o_body_case {
padding: 30rpx;
}
.title_icon {
width: 32rpx;
height: 32rpx;
}
.title_icon image {
width: 100%;
height: 100%;
}
.title {
display: flex;
padding-bottom: 24rpx;
}
.title_txt {
font-size: 34rpx;
margin: 2rpx 0 0 18rpx;
font-family: PingFang SC;
font-weight: 400;
color: rgba(51, 51, 51, 1);
}
.goods_detail_pic {
position: relative;
}
.detail_pic2 {
width: 144rpx;
height: 144rpx;
}
.detail_pic2 image {
width: 100%;
height: 100%;
}
.goods_detail {
padding-top: 32rpx;
display: flex;
margin-bottom:30rpx;
border-top:1px solid #f5f5f5;
}
.detail_txt {
width: 100%;
margin-left: 16rpx;
}
.detail_pic_txt {
width: 144rpx;
height: 28rpx;
position: absolute;
bottom: 0;
background: #fac8c8;
font-size: 20rpx;
text-align: center;
line-height: 28rpx;
font-family: PingFang SC;
font-weight: 400;
color: rgba(255, 255, 255, 1);
}
.txt1 {
display: flex;
}
.txt1_name {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 600;
color: rgba(51, 51, 51, 1);
}
.txt1_price {
margin-left: auto;
font-size: 28rpx;
font-family: DIN 1451 Std Mittelschrift;
font-weight: 400;
color: rgba(255, 0, 0, 1);
}
.txt2 progress {
width: 320rpx;
color: #b5de96;
margin-top: 24rpx;
}
.txt2 {
display: flex;
}
.order {
font-size: 24rpx;
margin-top: 22rpx;
margin-left: auto;
font-family: PingFang SC;
font-weight: 400;
color: rgba(153, 153, 153, 1);
}
.txt3 {
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 400;
margin-top: 10rpx;
color: rgba(204, 204, 204, 1);
}
.freight {
display: flex;
margin-top: 34rpx;
padding-bottom: 24rpx;
border-bottom: 1px solid #f5f5f5;
}
.freight_1, .freight_2 {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 400;
color: rgba(102, 102, 102, 1);
}
.freight, .freight_2 {
font-weight: normal;
margin-left: auto;
font-family: DIN 1451 Std Engschrift;
}
.othor {
margin-top: 44rpx;
}
.othor1 {
display: flex;
align-items: center;
margin-bottom: 16rpx;
}
.othor1_name {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 400;
color: rgba(51, 51, 51, 1);
}
.othor1_con {
font-size: 26rpx;
margin-left: auto;
font-family: PingFang SC;
font-weight: 400;
color: rgba(153, 153, 153, 1);
}
/* footer */
.footer{
position: fixed;
bottom: 0;
width:100%;
height:102rpx;
margin-top:102rpx;
background:white;
box-shadow:0px -2px 12px rgba(0,0,0,0.07);
}
.footer_in{
height:102rpx;
display: flex;
align-items: center;
}
.f_txt1{
margin-left:36rpx;
}
.f_txt2{
margin-left:40rpx;
}
.f_txt1,.f_txt2{
font-size:28rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
}
.footer .f_txt3{
font-size:28rpx;
font-family:DIN 1451 Std Mittelschrift;
font-weight:400;
color:rgba(255,0,0,1);
}
.f_btn{
width:318rpx;
height:102rpx;
margin-left: auto;
font-size:34rpx;
text-align: center;
line-height:102rpx;
font-family:PingFang SC;
font-weight:600;
color:rgba(255,255,255,1);
background:linear-gradient(145deg,rgba(181,222,150,1) 0%,rgba(169,209,33,1) 100%);
}
\ No newline at end of file
.footer {
position: fixed;
bottom: 0;
width: 100%;
height: 102rpx;
margin-top: 102rpx;
background: white;
box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.07);
}
.footer_in {
height: 102rpx;
display: flex;
align-items: center;
}
.f_txt1 {
margin-left: 36rpx;
}
.f_txt2 {
margin-left: 40rpx;
}
.f_txt1, .f_txt2 {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 400;
color: rgba(51, 51, 51, 1);
}
.footer .f_txt3 {
font-size: 28rpx;
font-family: DIN 1451 Std Mittelschrift;
font-weight: 400;
color: rgba(255, 0, 0, 1);
}
.f_btn {
width: 318rpx;
height: 102rpx;
margin-left: auto;
font-size: 34rpx;
text-align: center;
line-height: 102rpx;
font-family: PingFang SC;
font-weight: 600;
color: rgba(255, 255, 255, 1);
background: linear-gradient(145deg, rgba(181, 222, 150, 1) 0%, rgba(169, 209, 33, 1) 100%);
}
... ...