Skip to content

W
wly-APP
Commit a92dd115 authored by chuan.liu's avatar chuan.liu
Browse files
Options

下单界面新增

parent bb2cc86a
Hide whitespace changes
Inline Side-by-side
Showing with 181 additions and 39 deletions
pages.json
View file @ a92dd115
{
"easycom": {
"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
"easycom": {
"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
},
"condition": { //模式配置，仅开发期间生效
"current": 0, //当前激活的模式(list 的索引项)
......@@ -46,6 +46,44 @@
}]
}
}
}, {
"path": "pages/home/home",
"style": {
"transparentTitle": "always",
"app-plus": {
}
}
},
{
"path": "pages/funds-confirm/funds-confirm",
"style": {
"app-plus": {
"titleNView": {
"titleAlign": "left",
"titleColor": "#333",
"titleSize": "17px",
"backgroundColor": "transparent",
"titleText": "款项用途确认",
"autoBackButton": true
}
}
}
},{
"path": "pages/go-order/go-order",
"style": {
"app-plus": {
"titleNView": {
"titleAlign": "left",
"titleColor": "#333",
"titleSize": "17px",
"backgroundColor": "#fff",
"titleText": "选择下单类型",
"autoBackButton": false,
"splitLine":true
}
}
}
}, {
"path": "pages/logistics/logistics",
"style": {
......@@ -138,38 +176,6 @@
"backgroundColor": "custom"
}
},
{
"path": "pages/usercenter/usercenter",
"style": {
"app-plus": {
}
}
},
{
"path": "pages/home/home",
"style": {
"transparentTitle": "always",
"app-plus": {
}
}
},
{
"path": "pages/funds-confirm/funds-confirm",
"style": {
"app-plus": {
"titleNView": {
"titleAlign": "left",
"titleColor": "#333",
"titleSize": "17px",
"backgroundColor": "transparent",
"titleText": "款项用途确认",
"autoBackButton": true
}
}
}
},
{
"path": "pages/message/message",
"style": {
......@@ -200,16 +206,16 @@
"text": "首页"
},
{
"pagePath": "pages/plan/plan",
"pagePath": "pages/go-order/go-order",
"iconPath": "static/image/plan@3x.png",
"selectedIconPath": "static/image/plan@3x.png",
"text": "下单"
},{
}, {
"pagePath": "pages/shop/shop",
"iconPath": "static/image/shop@3x.png",
"selectedIconPath": "static/image/shop@3x.png",
"text": "要货"
}, {
}, {
"pagePath": "pages/message/message",
"iconPath": "static/image/message@3x.png",
"selectedIconPath": "static/image/message@3x.png",
......
pages/funds-confirm/funds-confirm.nvue
View file @ a92dd115
......@@ -46,7 +46,7 @@
</picker>
</view>
</view>
<image class="icon-arrow" src="@/static/image/arrow_down@3x.png" mode=""></image>
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode=""></image>
</view>
</view>
<view class="text-block text-block-last">
......@@ -179,7 +179,7 @@
right: 22rpx;
top: 40rpx;
width: 7px;
height: 4px;
height: 10px;
z-index:10;
}
......
pages/go-order/go-order.nvue 0 → 100644
View file @ a92dd115
<template>
<view class="order view">
<view class="status_bar" :style="navHeight"></view>
<view class="listview">
<view class="cell-list">
<view class="cell-list-block">
<image class="icon-address" src="@/static/image/uc_address@3x.png" mode="aspectFit"></image>
<view class="cell-list-block__content">
<text class="cell-list-block__title">配额酒单</text>
<text class="cell-list-block__desc">Wine List</text>
</view>
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode="aspectFit"></image>
</view>
<view class="cell-list-block">
<image class="icon-address" src="@/static/image/uc_setting@3x.png" mode="aspectFit"></image>
<view class="cell-list-block__content">
<text class="cell-list-block__title">非配额酒单</text>
<text class="cell-list-block__desc">Wine List</text>
</view>
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode="aspectFit"></image>
</view>
<view class="cell-list-block">
<image class="icon-address" src="@/static/image/uc_setting@3x.png" mode="aspectFit"></image>
<view class="cell-list-block__content">
<text class="cell-list-block__title">公关团购订单</text>
<text class="cell-list-block__desc">Group buying List</text>
</view>
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode="aspectFit"></image>
</view>
</view>
</view>
</view>
</template>
<script>
import {
mapState
} from 'vuex'
export default {
data() {
return {
}
},
computed: {
navHeight() {
return {
'height': `${this.sysinfo.safeArea.top + 44}px`
}
},
...mapState(['sysinfo'])
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.view {
flex-direction: column;
}
/* #ifndef APP-PLUS */
page {
width: 100%;
min-height: 100%;
display: flex;
background: #fff;
}
.status_bar {
height: var(--status-bar-height);
}
/* #endif */
.order {
flex: 1;
background: #fff;
padding: 0 32rpx;
}
.listview {
flex: 1;
flex-direction: column;
padding-top: 64rpx;
}
.cell-list {
flex-direction: column;
}
.icon-address {
width: 88rpx;
height: 88rpx;
margin-right: 24rpx;
}
.cell-list-block__content {
display: flex;
flex: 1;
flex-direction: column;
}
.cell-list-block__title {
color: #333;
font-size: 28rpx;
font-weight: 500;
flex: 1;
align-items: center;
margin-bottom: 4rpx;
}
.cell-list-block__desc {
color: #acacac;
font-size: 12px;
}
.icon-arrow {
width: 12rpx;
height: 20rpx;
}
.cell-list-block {
display: flex;
height: 77px;
margin-bottom: 24rpx;
background: #f8f9fa;
border-radius: 8px;
padding: 0 36rpx 0 16rpx;
align-items: center;
}
</style>
static/image/arrow_r@3x.png
View replaced file @ bb2cc86a View file @ a92dd115
static/image/arrow_r@3x.png

542 Bytes | W: | H:

static/image/arrow_r@3x.png

891 Bytes | W: | H:

static/image/arrow_r@3x.png
static/image/arrow_r@3x.png
static/image/arrow_r@3x.png
static/image/arrow_r@3x.png
  • 2-up
  • Swipe
  • Onion skin
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