hly
/
aluminium-trading-uniapp-240925
generated from hly/uniapp-shop-templates
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
Browse Source

静态页面

master
chenkun 1 year ago
parent
e9aaabc549
commit
a092d430ae
13 changed files with 1024 additions and 26 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +2
    -3
      components/base/centerList.vue
  2. +9
    -0
      pages.json
  3. +4
    -2
      pages/index/center2.vue
  4. +217
    -12
      pages/index/index.vue
  5. +16
    -8
      pages/index/tradingPlatform.vue
  6. +203
    -0
      pages_order/center/helpFeedback.vue
  7. +116
    -0
      pages_order/center/systemSet.vue
  8. +451
    -0
      pages_order/order/offerOrBillLading.vue
  9. +1
    -0
      pages_order/static/center/1.svg
  10. +1
    -0
      pages_order/static/center/2.svg
  11. +1
    -0
      pages_order/static/center/3.svg
  12. +1
    -0
      pages_order/static/center/4.svg
  13. +2
    -1
      pages_order/tradingPlatform/nowOrder.vue

+ 2
- 3
components/base/centerList.vue View File

@ -35,12 +35,11 @@ export default {
if (item.text === '联系客服') {
console.log("联系客服")
this.$emit('open')
} else if (item.text === '我的挂单') {
} else if (item.text === '我的挂单' || item.text === '系统设置' || item.text === '关于我们' || item.text === '帮助反馈') {
console.log("进入"+item.text)
uni.navigateTo({
url: item.toPathUrl
})
} else if (index === 2) {
console.log("关于我们")
}
},


+ 9
- 0
pages.json View File

@ -75,6 +75,12 @@
{
"path": "tradingPlatform/confirmOrder"
},
{
"path": "center/systemSet"
},
{
"path": "center/helpFeedback"
},
{
"path": "order/pendingOrder"
},
@ -84,6 +90,9 @@
{
"path": "order/orderDetail2"
},
{
"path": "order/offerOrBillLading"
},
{
"path": "mine/purse"
},


+ 4
- 2
pages/index/center2.vue View File

@ -66,13 +66,15 @@ export default {
// this.$t('pages.index.index.companyProfile')
{text: '我的挂单', value: ">", imgUrl: '/static/image/center/14.svg', toPathUrl: '/pages_order/order/pendingOrder'},
{text: '联系客服', value: ">", imgUrl: '/static/image/center/13.svg'},
{text: '系统设置', value: ">", imgUrl: '/static/image/center/12.svg'},
{text: '系统设置', value: ">", imgUrl: '/static/image/center/12.svg', toPathUrl: '/pages_order/center/systemSet'},
{text: '帮助反馈', value: ">", imgUrl: '/static/image/center/12.svg', toPathUrl: '/pages_order/center/helpFeedback'},
{text: '关于我们', value: ">", imgUrl: '/static/image/center/13.svg'},
],
purchaserList: [
// this.$t('pages.index.index.companyProfile')
{text: '联系客服', value: ">", imgUrl: '/static/image/center/13.svg'},
{text: '系统设置', value: ">", imgUrl: '/static/image/center/12.svg'},
{text: '系统设置', value: ">", imgUrl: '/static/image/center/12.svg', toPathUrl: '/pages_order/center/systemSet'},
{text: '帮助反馈', value: ">", imgUrl: '/static/image/center/12.svg', toPathUrl: '/pages_order/center/helpFeedback'},
{text: '关于我们', value: ">", imgUrl: '/static/image/center/13.svg'}
]
}


+ 217
- 12
pages/index/index.vue View File

@ -13,7 +13,59 @@
<!-- 供应商 -->
<view class="supplier" v-if="userShop">
<!--上面第一个-->
<view class="topItem">
<view class="imageFrame">
<img src="../../static/image/index/4.png" style="width:100%;height:100%;">
</view>
</view>
<!-- 下面三个-->
<view class="threeHeOne">
<!-- 第一个-->
<view class="oneItem">
<view class="left">
<span>Company Profile</span>
<span> {{ $t('pages.index.index.companyProfile') }}</span>
<span class="subText"> {{ $t('pages.index.index.aluminiumProduct') }}</span>
</view>
<view class="right">
随着全球经济的快速发展，我们这家领先的企业公司应运而生，致力于为客户提供卓越的服务和优质的产品。我们公司成立于2001年，总部位于深圳市横岗大厦，拥有广泛的业务领域和专业的团队，专注于实现客户的期望和需求。
</view>
</view>
<!-- 第二个-->
<view class="twoItem">
<view class="left">
<img src="../../static/image/index/2.png" style="width:100%;height:100%;">
</view>
<view class="right">
<img src="../../static/image/index/3.png" style="width:100%;height:100%;">
</view>
</view>
<!-- 第三个-->
<view class="threeItem">
<view class="right">
随着全球经济的快速发展，我们这家领先的企业公司应运而生，致力于为客户提供卓越的服务和优质的产品。我们公司成立于2001年，总部位于深圳市横岗大厦，拥有广泛的业务领域和专业的团队，专注于实现客户的期望和需求。
</view>
<view class="left">
<span>Company Profile</span>
<span> {{ $t('pages.index.index.companyProfile') }}</span>
<span class="subText"> {{ $t('pages.index.index.aluminiumProduct') }}</span>
</view>
</view>
</view>
<!--报价和挂单-->
<view class="btns">
<span @click="goToPage(0)" class="oneBtn">
供应商报价
</span>
<span @click="goToPage(1)" class="twoBtn">
供应商提单
</span>
</view>
</view>
<!-- 采购商 -->
@ -93,8 +145,9 @@ export default {
...mapGetters(['userShop']),
},
methods: {
goToPage(titleIndex) {
uni.navigateTo({url:'/pages_order/order/offerOrBillLading?titleIndex='+titleIndex})
},
}
}
@ -107,15 +160,168 @@ export default {
}
.page {
& /deep/ .uv-icon__icon {
font-size: 30rpx !important;
}
background-color: #2e394d;
// 供应商
.supplier {
display: flex;
flex-direction: column;
height: calc(100vh - 120rpx - 120rpx);
background-color: #2e394d;
.topItem {
display: flex;
justify-content: center;
align-items: center;
height: 30%;
background-image: url('../../static/image/index/1.png');
background-size: cover;
.imageFrame {
width: 90%;
height: 90%;
//padding:80rpx;
}
}
.threeHeOne {
display: flex;
padding: 20rpx 40rpx 10rpx;
flex-direction: column;
height: 60%;
.oneItem {
display: flex;
height: 33%;
.left {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10rpx;
width: 33%;
background-color: #1e293d;
color: white;
font-size: 26rpx;
.subText {
background-color: #2e394d;
padding: 0 20rpx;
}
}
.right {
//height: 30%;
width: 66%;
padding: 20rpx;
background-image: url('../../static/image/index/1.png');
background-size: cover;
font-size: 20rpx;
color: white;
}
}
.twoItem {
display: flex;
justify-content: space-between;
gap: 20rpx;
height: 33%;
margin-top: 20rpx;
padding: 10rpx;
.left {
width: 60%;
padding: 20rpx;
background-color: #1e293d;
}
.right {
width: 40%;
padding: 20rpx;
background-color: #1e293d;
}
}
.threeItem {
display: flex;
//width: 100vw;
height: 33%;
.left {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20rpx;
width: 33%;
background-color: #1e293d;
color: white;
font-size: 26rpx;
.subText {
background-color: #2e394d;
padding: 0 20rpx;
}
}
.right {
//height: 200rpx;
width: 66%;
padding: 20rpx;
background-image: url('../../static/image/index/1.png');
background-size: cover;
font-size: 20rpx;
color: white;
}
}
}
.btns {
display: flex;
justify-content: center;
align-items: center;
gap: 40rpx;
.oneBtn {
display: flex;
align-items: center;
justify-content: center;
width: 30%;
height: 70rpx;
border-radius: 40rpx;
color: #1F1C39;
font-size: 28rpx;
margin: 20rpx 10rpx 0 0;
background: #f2f2f2;
//margin-top: 20rpx;
border-radius: 40rpx;
}
.twoBtn {
display: flex;
align-items: center;
justify-content: center;
width: 30%;
height: 70rpx;
border-radius: 40rpx;
color: #1F1C39;
font-size: 28rpx;
margin: 20rpx 10rpx 0 0;
background: #f2f2f2;
//margin-top: 20rpx;
border-radius: 40rpx;
}
}
}
// 采购商
@ -130,7 +336,7 @@ export default {
display: flex;
justify-content: center;
align-items: center;
height: 350rpx;
height: 280rpx;
background-image: url('../../static/image/index/1.png');
background-size: cover;
@ -144,20 +350,19 @@ export default {
.threeHeOne {
display: flex;
padding: 20rpx 40rpx 40rpx;
padding: 20rpx 40rpx 10rpx;
flex-direction: column;
.oneItem {
display: flex;
//width: 100vw;
.left {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20rpx;
gap: 10rpx;
width: 33%;
background-color: #1e293d;
color: white;
@ -170,7 +375,7 @@ export default {
}
.right {
height: 200rpx;
height: 180rpx;
width: 66%;
padding: 20rpx;
background-image: url('../../static/image/index/1.png');
@ -184,7 +389,7 @@ export default {
display: flex;
justify-content: space-between;
gap: 20rpx;
height: 300rpx;
height: 280rpx;
margin-top: 20rpx;
padding: 10rpx;


+ 16
- 8
pages/index/tradingPlatform.vue View File

@ -1,9 +1,11 @@
<template>
<view class="trading-platform">
<topbar showRight="0"></topbar>
<view class="frame">
<!--顶部栏-->
<topbar showRight="0"></topbar>
<!--折线图-->
<view class="chart">
@ -18,8 +20,7 @@
</view>
<view class="supplierList">
<orderList :orderList="list.records" />
<orderList :orderList="list.records"/>
</view>
</view>
@ -81,25 +82,31 @@ export default {
<style scoped lang="scss">
.trading-platform {
.frame {
.chart {
border: 1px solid red;
height: 250rpx;
display: flex;
flex-direction: column;
justify-content: center;
height: calc(100vh - 120rpx - 120rpx);
.chart {
height: 30%;
}
.supplier {
height: 70%;
padding: 20rpx 20rpx;
background-image: url('../../static/image/index/1.png');
color: #FFF;
font-size: 32rpx;
.supplierList{
.supplierList {
margin-top: 20rpx;
height: 60vh;
height: 92%;
overflow: auto;
}
.purchaser-title {
height: 8%;
.active {
text-decoration: underline;
@ -120,6 +127,7 @@ export default {
}
.purchaser {
height: 60%;
padding: 20rpx 0;
background-image: url('../../static/image/index/1.png');
color: #FFF;


+ 203
- 0
pages_order/center/helpFeedback.vue View File

@ -0,0 +1,203 @@
<template>
<view class="page">
<navbar title="帮助与反馈" leftClick @leftClick="$utils.navigateBack"/>
<view class="frame">
<!--帮助与反馈-->
<view class="helpFeedback">
<view class="title">帮助与反馈 <span style="color: red;">*</span></view>
<view class="desc">
<textarea placeholder="请把您需要的帮助或者您发现的问题提交给我们,感谢您的参与(必填)"/>
</view>
</view>
<!--问题截图-->
<view class="problemImg">
<view class="title">问题截图 <span style="color: red;">*</span></view>
<view class="img">
<uv-upload
:fileList="fileList"
:maxCount="5"
multiple
width="150rpx"
height="150rpx"
@delete="deleteImage"
@afterRead="afterRead"
:previewFullImage="true">
</uv-upload>
</view>
</view>
<!--联系方式-->
<view class="name_phone">
<view class="title">联系方式 <span style="color: red;">*</span></view>
<view class="items">
<view class="item">
<view>联系姓名</view>
<view>
<input placeholder="请输入联系姓名" clearable></input>
</view>
</view>
<view class="item">
<view>联系电话</view>
<view>
<input placeholder="请输入联系电话" clearable></input>
</view>
</view>
</view>
</view>
<!--提交反馈-->
<view class="btns">
<view @click="submitFeedback" class="btn">
提交反馈
</view>
</view>
</view>
</view>
</template>
<script>
import topbar from "@/components/base/topbar.vue";
import tabber from "@/components/base/tabbar.vue";
export default {
name: "helpFeedback",
components: {tabber, topbar},
data() {
return {
fileList: [],
}
},
methods: {
// 提交反馈
submitFeedback() {
},
deleteImage(e) {
this.fileList.splice(e.index, 1)
},
afterRead(e) {
let self = this
e.file.forEach(file => {
self.$Oss.ossUpload(file.url).then(url => {
self.fileList.push({
url
})
})
})
},
},
}
</script>
<style scoped lang="scss">
.page {
height: 100vh;
background-color: #f2f5f5;
.frame {
padding: 40rpx;
display: flex;
flex-direction: column;
justify-content: center;
gap: 40rpx;
.helpFeedback {
.title {
}
.desc {
margin-top: 20rpx;
height: 300rpx;
border-radius: 40rpx;
overflow: hidden;
padding: 20rpx;
font-size: 28rpx;
background-color: #fff;
}
}
.problemImg {
.img {
margin-top: 20rpx;
height: 150rpx;
border-radius: 40rpx;
overflow: hidden;
padding: 20rpx;
font-size: 28rpx;
background-color: #fff;
}
}
.name_phone {
.title {
}
.items {
margin-top: 20rpx;
.item {
display: flex;
align-items: center;
background-color: #FFF;
height: 80rpx;
padding: 10rpx 0 0 20rpx;
border-bottom: 1px solid #efefef;
> view:nth-of-type(1) {
width: 30%;
// font-weight: 700;
}
> view:nth-of-type(2) {
width: 70%;
border-radius: 10rpx;
overflow: hidden;
input {
background-color: #FFF;
font-size: 28rpx;
padding: 16rpx 8rpx 16rpx 15rpx;
}
}
}
}
}
.btns {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20rpx;
.btn {
display: flex;
align-items: center;
justify-content: center;
width: 500rpx;
height: 70rpx;
border-radius: 40rpx;
color: #FFF;
font-size: 28rpx;
margin: 20rpx 10rpx 0 0;
background: $uni-color;
//margin-top: 20rpx;
border-radius: 40rpx;
}
}
}
}
</style>

+ 116
- 0
pages_order/center/systemSet.vue View File

@ -0,0 +1,116 @@
<template>
<view class="page">
<navbar title="系统设置" leftClick @leftClick="$utils.navigateBack"/>
<view class="frame">
<view class="content" v-for="(item, index) in list" :key="index">
<view class="title">{{ item.title }}</view>
<view class="item" v-for="(item2, index) in item.itemList" :key="index" @click="tapItem(item, index)">
<view class="key">
<view class="img">
<img :src="item2.leftIcon" style="width: 100%; height: 100%;"/>
</view>
<view class="text">
{{ item2.text }}
</view>
</view>
<view class="value">
{{ item.rightIcon }}
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import topbar from "@/components/base/topbar.vue";
import tabber from "@/components/base/tabbar.vue";
export default {
name: "systemSet",
components: {tabber, topbar},
data() {
return {
list: [
{
title: "账号设置",
itemList: [
{leftIcon: "../static/center/1.svg", text: "切换账号", rightIcon: ">"},
{leftIcon: "../static/center/2.svg", text: "修改密码", rightIcon: ">"},
]
},
{
title: "系统设置",
itemList: [
{leftIcon: "../static/center/2.svg", text: "清理缓存", rightIcon: ">"},
{leftIcon: "https://img95.699pic.com/photo/50058/1378.jpg_wh860.jpg", text: "版本更新", rightIcon: ">"},
{leftIcon: "https://img95.699pic.com/photo/50058/1378.jpg_wh860.jpg", text: "退出登录", rightIcon: ">"},
]
},
{
title: "身份设置",
itemList: [
{leftIcon: "../static/center/4.svg", text: "切换身份", rightIcon: ">"},
]
}
]
}
},
methods: {},
}
</script>
<style scoped lang="scss">
.page {
background-color: #FFF;
height: 100vh;
.frame {
padding: 40rpx;
.content {
margin-bottom: 40rpx;
.title {
font-size: 30rpx;
color: #b0b0b0;
}
.item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20rpx 40rpx;
.key {
display: flex;
justify-content: center;
align-items: center;
color: #333333;
font-size: 32rpx;
.img {
width: 40rpx;
height: 40rpx;
}
.text {
margin-left: 20rpx;
}
}
.value {
color: #999999;
font-size: 36rpx;
}
}
}
}
}
</style>

+ 451
- 0
pages_order/order/offerOrBillLading.vue View File

@ -0,0 +1,451 @@
<template>
<view class="page">
<navbar :title="titleList[titleIndex]" leftClick @leftClick="$utils.navigateBack"/>
<view class="frame">
<view class="title">
<span
style="width: 10rpx;height: 40rpx;background-color: #1f1c39;border-radius: 10rpx;overflow: hidden;"></span>
<span>铝制品</span>
</view>
<view class="basic-info">
<!--供应商名称-->
<view class="item" v-if="titleIndex == 1">
<view>供应商名称</view>
<view>
华南铝业有限公司
</view>
</view>
<!--商品规格-->
<view class="item">
<view>商品规格</view>
<view>
铝制品(Al>96%)
</view>
</view>
<!--<uv-divider text="" :hairline="true"></uv-divider>-->
<!--提货地点-->
<view class="currentRegion">
<view>提货地点</view>
<view @click.stop="selectAddr">
<input class="input"
disabled
v-model="form.currentRegion" placeholder="请选择所在地区"></input>
<view class="orientation">
<!-- 定位 -->
<img src="../../static/image/address/selectIcon.png"
style="width:30rpx;height: 30rpx;margin:5rpx 5rpx 5rpx 5rpx;">
</view>
</view>
</view>
<!--详细地址-->
<view class="item">
<view>详细地址</view>
<view>
<input v-model="form.address" placeholder="请输入详细地址" clearable></input>
</view>
</view>
<!--交货日期-->
<view class="delivery-date">
<view>交货日期</view>
<view class="value">
<view class="dateTimeCls">
<view class="date" @click="startDateOpen">
{{ form.deliveryDate }}
<uv-datetime-picker ref="startDateRef" v-model="form.deliveryDate" mode="date"
@confirm="startDateChange"></uv-datetime-picker>
</view>
<view class="img">
>
</view>
</view>
</view>
</view>
<!--暂定数量-->
<view class="tentativeQuantity">
<view class="key">暂定数量(吨)</view>
<view class="value">
<uv-number-box></uv-number-box>
</view>
</view>
<!--单价-->
<view class="item">
<view>单价</view>
<view>
<input disabled clearable placeholder="默认为铝品单价"></input>
</view>
</view>
<!--&lt;!&ndash;履约保证金&ndash;&gt;-->
<!--<view class="performanceBond">-->
<!-- <view class="key">履约保证金</view>-->
<!-- <view class="value">-->
<!-- <input v-model="form.performanceBond" clearable></input>-->
<!-- </view>-->
<!--</view>-->
<!--<view class="Tip">-->
<!-- <span class="span">(单价*数量*2%)</span>-->
<!--</view>-->
‘
<!--提交报价和提交审核-->
<view class="btns">
<span @click="confirmBtn" class="ljxd">
{{titleIndex == 0? '提交报价' : '提交审核'}}
</span>
<span @click="contactUs" class="lxwm">
联系我们
</span>
<span class="tip">如有问题，请联系我们</span>
</view>
</view>
</view>
<!-- 联系客服弹框 -->
<customerServicePopup ref="customerServicePopup"/>
</view>
</template>
<script>
import topbar from "@/components/base/topbar.vue";
import tabber from "@/components/base/tabbar.vue";
import customerServicePopup from "@/components/config/customerServicePopup.vue";
import Position from "@/utils/position";
import dayjs from "dayjs";
export default {
name: "offer",
components: {customerServicePopup, tabber, topbar},
onLoad(options) {
this.titleIndex = options.titleIndex;
},
data() {
return {
titleIndex:0,
titleList:['供应商报价','供应商挂单'],
form: {
address: "",
longitude: "",
latitude: "",
deliveryDate: dayjs(new Date()).format("YYYY-MM-DD"),
}
}
},
methods: {
// 提交报价/提交审核
confirmBtn() {
console.log(this.form);
},
startDateChange(val) {
this.$nextTick(() => {
this.form.deliveryDate = dayjs(val.value).format("YYYY-MM-DD")
});
},
startDateOpen() {
this.$refs.startDateRef.open();
},
// 联系我们
contactUs() {
this.$refs.customerServicePopup.open()
},
//地图上选择地址
selectAddr() {
Position.getLocation(res => {
Position.selectAddress(res.longitude, res.latitude, success => {
this.setAddress(success)
})
})
Position.getLocationDetail(res => {
console.log(res);
this.form.address = res
})
},
},
}
</script>
<style scoped lang="scss">
.page {
height: 100vh;
.frame {
background-color: #FFF;
.title {
display: flex;
font-size: 30rpx;
font-weight: 700;
padding: 0rpx 0 0rpx 20rpx;
margin: 20rpx 0 0 0;
> span:nth-of-type(1) {
margin: 4rpx 0 0 8rpx;
background-color: #FFF;
}
> span:nth-of-type(2) {
margin: 0 0 0 8rpx;
background-color: #FFF;
}
}
.basic-info {
display: flex;
flex-direction: column;
gap: 5rpx;
//margin-top: 20rpx;
padding: 20rpx 20rpx 20rpx 20rpx;
.delivery-date {
display: flex;
align-items: center;
background-color: #FFF;
height: 80rpx;
// margin: 10rpx 0 0 0;
padding: 10rpx 0 0 20rpx;
> view:nth-of-type(1) {
width: 30%;
// font-weight: 700;
}
.value {
width: 70%;
border-radius: 10rpx;
overflow: hidden;
.dateTimeCls {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 80%;
//border: 1px solid #b0b2b3;
padding: 5rpx;
border-radius: 20rpx;
.date {
font-size: 30rpx;
display: flex;
align-items: center;
width: 80%;
height: 100%;
color: #000;
}
.img {
display: flex;
justify-content: center;
align-items: center;
//margin-left: 50rpx;
width: 20%;
//height: 100%;
}
}
}
}
.tentativeQuantity {
display: flex;
align-items: center;
background-color: #FFF;
height: 80rpx;
// margin: 10rpx 0 0 0;
padding: 10rpx 0 0 20rpx;
.key {
width: 30%;
}
.value {
width: 70%;
border-radius: 10rpx;
overflow: hidden;
}
}
.Tip {
display: flex;
align-items: center;
justify-content: center;
.span {
color: #999;
font-size: 24rpx;
}
}
.btns {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20rpx;
.ljxd {
display: flex;
align-items: center;
justify-content: center;
width: 500rpx;
height: 70rpx;
border-radius: 40rpx;
color: #FFF;
font-size: 28rpx;
margin: 20rpx 10rpx 0 0;
background: $uni-color;
//margin-top: 20rpx;
border-radius: 40rpx;
}
.lxwm {
display: flex;
align-items: center;
justify-content: center;
width: 500rpx;
height: 70rpx;
border-radius: 40rpx;
color: #000000;
font-size: 28rpx;
margin: 20rpx 10rpx 0 0;
background: #f1f1f1;
//margin-top: 20rpx;
border-radius: 40rpx;
}
.tip {
display: flex;
align-items: center;
justify-content: center;
font-size: 24rpx;
color: #999;
//width: 500rpx;
}
}
.item {
display: flex;
align-items: center;
background-color: #FFF;
height: 80rpx;
// margin: 10rpx 0 0 0;
padding: 10rpx 0 0 20rpx;
> view:nth-of-type(1) {
width: 30%;
// font-weight: 700;
}
> view:nth-of-type(2) {
width: 70%;
border-radius: 10rpx;
overflow: hidden;
input {
background-color: #FFF;
font-size: 28rpx;
padding: 16rpx 8rpx 16rpx 15rpx;
}
}
}
.performanceBond {
display: flex;
align-items: center;
background-color: #FFF;
height: 80rpx;
// margin: 10rpx 0 0 0;
padding: 10rpx 0 0 20rpx;
.key {
width: 30%;
// font-weight: 700;
}
.value {
width: 70%;
border-radius: 10rpx;
overflow: hidden;
input {
background-color: #FFF;
font-size: 28rpx;
padding: 16rpx 8rpx 16rpx 15rpx;
}
}
}
.currentRegion {
display: flex;
align-items: center;
background-color: #FFF;
height: 80rpx;
// margin: 10rpx 0 0 0;
padding: 10rpx 0 0 20rpx;
> view:nth-of-type(1) {
width: 30%;
// font-weight: 700;
}
> view:nth-of-type(2) {
width: 70%;
padding: 0 20rpx 0 0;
display: flex;
.input {
background-color: #f5f5f5;
// color: #a4a4a4;
font-size: 28rpx;
padding: 8rpx 8rpx 8rpx 15rpx;
width: 350rpx;
}
.orientation {
display: flex;
padding: 10rpx 10rpx 10rpx 20rpx;
font-size: 30rpx;
color: #FBAB32;
flex-direction: column;
justify-content: center;
align-items: center;
}
}
}
}
}
}
</style>

+ 1
- 0
pages_order/static/center/1.svg View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="15.777" height="12.51" viewBox="0 0 15.777 12.51"><defs><style>.a{fill:#333;stroke:#333;stroke-width:0.5px;}</style></defs><g transform="translate(0.26 0.281)"><path class="a" d="M324.545,108.387h14.168a.545.545,0,0,0,.385-.93l-3.814-3.814a.545.545,0,0,0-.77.77L337.4,107.3H324.545a.545.545,0,1,0,0,1.09Zm14.168,2.18H324.545a.545.545,0,0,0-.385.93l3.814,3.814a.544.544,0,1,0,.77-.77l-2.883-2.885h12.851a.545.545,0,1,0,0-1.09Zm0,0" transform="translate(-324 -103.491)"/></g></svg>

+ 1
- 0
pages_order/static/center/2.svg View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="12.261" height="11.947" viewBox="0 0 12.261 11.947"><defs><style>.a{fill:#030000;}</style></defs><g transform="translate(-1.497 -0.015)"><path class="a" d="M366.7,79.826a.1.1,0,0,0-.019.034l-.617,2.278a.394.394,0,0,0,.1.377.389.389,0,0,0,.373.1L368.782,82s.005,0,.008,0a.1.1,0,0,0,.07-.03l6-6.049a.971.971,0,0,0,.276-.692,1.189,1.189,0,0,0-.35-.828l-.567-.572a1.172,1.172,0,0,0-.822-.353.961.961,0,0,0-.687.278l-6,6.051c-.006.006,0,.014-.009.021Zm7.576-4.5-.6.6-.967-.99.588-.592a.279.279,0,0,1,.38.027l.567.573a.313.313,0,0,1,.093.217.232.232,0,0,1-.065.164Zm-6.508,4.592,4.333-4.366.967.991L368.745,80.9l-.976-.982m-.79,1.77.313-1.158.835.841-1.148.317m7.678-3.965a.417.417,0,0,0-.415.418v5.011a1.229,1.229,0,0,1-1.161,1.164H364.87c-.523,0-1.066-.517-1.162-1.479V75.207c0-1.194.868-1.165,1.162-1.165h5.47a.417.417,0,0,0,0-.834h-5.533c-.716,0-1.927.449-1.927,1.622V82.9a1.983,1.983,0,0,0,1.927,2.251h8.338a1.816,1.816,0,0,0,1.927-1.936V78.142a.418.418,0,0,0-.414-.416Zm0,0" transform="translate(-361.383 -73.193)"/></g></svg>

+ 1
- 0
pages_order/static/center/3.svg View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.933" height="11.947" viewBox="0 0 11.933 11.947"><defs><style>.a{fill:none;}.b{clip-path:url(#a);}</style><clipPath id="a"><rect class="a" width="11.933" height="11.947"/></clipPath></defs><g transform="translate(-1.661 -0.011)"><g transform="translate(-296.339 0.011)"><g transform="translate(298)"><g class="b" transform="translate(0)"><path d="M309.922,4.772a2.761,2.761,0,0,0-.119-1.192c-.278-.437-.675-.358-1.351-.358h-2.82V1.872a4.328,4.328,0,0,0-.04-.755A1.384,1.384,0,0,0,304.8.164a1.646,1.646,0,0,0-.636-.119,2.109,2.109,0,0,0-.715.04A1.35,1.35,0,0,0,302.335,1.2a1.783,1.783,0,0,0-.04.477V3.263h-2.781c-.675-.04-1.112-.119-1.39.318A2.76,2.76,0,0,0,298,4.772v1.39a.812.812,0,0,0,.794.636V8.864a10.393,10.393,0,0,1-.079,1.629c-.04.159-.04.318-.079.437a1.017,1.017,0,0,0,0,.834c.159.238.437.2.794.2h9.057c.318,0,.556.04.755-.119.238-.2.159-.477.079-.794-.04-.119-.04-.278-.079-.4a9.23,9.23,0,0,1-.119-1.867V6.8a.735.735,0,0,0,.755-.6,1.905,1.905,0,0,0,0-.477V4.772Zm-1.629,6.2h-1.47V9.142c0-.278.04-.636-.079-.794a.48.48,0,0,0-.477-.238c-.516.079-.437.516-.437,1.073V10.97H304.48V9.142c0-.278.04-.636-.079-.794a.48.48,0,0,0-.477-.238c-.516.079-.437.516-.437,1.073V10.97h-1.351V9.142c0-.278.04-.636-.079-.794a.481.481,0,0,0-.477-.238c-.516.079-.437.516-.437,1.073V10.97h-1.51c.04-.2.04-.4.079-.6,0-.2.04-.358.04-.556V6.838h8.342V9.182a6.835,6.835,0,0,0,.079,1.311,1.387,1.387,0,0,1,.119.477Zm.636-5.164H299V4.256h3.019c.4,0,.953.079,1.112-.159.159-.2.119-.437.119-.755V1.952a2.044,2.044,0,0,1,.04-.715c.119-.2.318-.2.636-.2h.278c.4.079.358.4.358.834V3.3c0,.238-.04.516.079.675.2.318.675.238,1.152.238h3.059V5.805Zm0,0" transform="translate(-298 -0.035)"/></g></g></g></g></svg>

+ 1
- 0
pages_order/static/center/4.svg View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="15.777" height="12.51" viewBox="0 0 15.777 12.51"><defs><style>.a{fill:#333;stroke:#333;stroke-width:0.5px;}</style></defs><g transform="translate(0.26 0.281)"><path class="a" d="M324.545,108.387h14.168a.545.545,0,0,0,.385-.93l-3.814-3.814a.545.545,0,0,0-.77.77L337.4,107.3H324.545a.545.545,0,1,0,0,1.09Zm14.168,2.18H324.545a.545.545,0,0,0-.385.93l3.814,3.814a.544.544,0,1,0,.77-.77l-2.883-2.885h12.851a.545.545,0,1,0,0-1.09Zm0,0" transform="translate(-324 -103.491)"/></g></svg>

+ 2
- 1
pages_order/tradingPlatform/nowOrder.vue View File

@ -1,6 +1,6 @@
<template>
<view class="now-order">
<navbar title="立即下单" leftClick @leftClick="$utils.navigateBack"/>
<navbar title="" leftClick @leftClick="$utils.navigateBack"/>
<view class="frame">
<view class="title">
@ -119,6 +119,7 @@ import dayjs from "dayjs";
import customerServicePopup from '@/components/config/customerServicePopup.vue'
export default {
name: "nowOrder",
components: {
topbar,customerServicePopup,
},


Write Preview
Loading…
Cancel
Save