feat: 添加静态资源文件及基础组件
- 新增大量图片资源,包括图标、背景图、海报等,用于页面展示 - 添加字体文件及样式配置,支持自定义字体 - 引入 uni-ui 组件库,包括图标、弹窗、日期选择器等常用组件 - 添加网络状态监听、加密工具等基础工具函数 - 配置 Vuex 状态管理,包括购物车数量、热门搜索词等 - 增加页面组件,如用户协议、分销信息、提现状态等 - 配置项目构建和忽略文件,优化开发体验
This commit is contained in:
31
pages/user/components/order_static/index.vue
Normal file
31
pages/user/components/order_static/index.vue
Normal file
@@ -0,0 +1,31 @@
|
||||
<script>
|
||||
import template1 from './template1.vue';
|
||||
import template2 from './template2.vue';
|
||||
export default {
|
||||
components: {
|
||||
template1,
|
||||
template2
|
||||
},
|
||||
props: {
|
||||
orderAdminData: {
|
||||
type: Object,
|
||||
default: () => {}
|
||||
},
|
||||
orderStaticData: {
|
||||
type: Object,
|
||||
default() {
|
||||
return () => {};
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<view v-if="orderStaticData.is_show">
|
||||
<template1 v-if="orderStaticData.style == 1" :staticData="orderAdminData"></template1>
|
||||
<template2 v-if="orderStaticData.style == 2" :staticData="orderAdminData"></template2>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<style></style>
|
||||
71
pages/user/components/order_static/template1.vue
Normal file
71
pages/user/components/order_static/template1.vue
Normal file
@@ -0,0 +1,71 @@
|
||||
<script>
|
||||
import {HTTP_REQUEST_URL} from '@/config/app';
|
||||
export default {
|
||||
props: {
|
||||
staticData: {
|
||||
type: Object,
|
||||
default: () => {}
|
||||
}
|
||||
},
|
||||
inject: ['goMenuPage'],
|
||||
computed:{
|
||||
bgStyle1(){
|
||||
return {
|
||||
backgroundImage: 'url('+ HTTP_REQUEST_URL +'/statics/images/product/group1_pic.png'+')'
|
||||
}
|
||||
},
|
||||
bgStyle2(){
|
||||
return {
|
||||
backgroundImage: 'url('+ HTTP_REQUEST_URL +'/statics/images/product/group2_pic.png'+')'
|
||||
}
|
||||
},
|
||||
bgStyle3(){
|
||||
return {
|
||||
backgroundImage: 'url('+ HTTP_REQUEST_URL +'/statics/images/product/group3_pic.png'+')'
|
||||
}
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
<template>
|
||||
<view class="pt-32 pr-24 pb-32 pl-24 bg--w111-fff rd-16rpx mt-20 ml-20 mr-20">
|
||||
<view class="fs-30 fw-500 lh-42rpx text--w111-333">运营统计</view>
|
||||
<view class="flex-between-center mt-14">
|
||||
<view class="w-208 rd-16rpx pt-24 pl-24 pb-20 flex-col bg-cover"
|
||||
:style="[bgStyle1]"
|
||||
@click="goMenuPage('/pages/admin/order/index')">
|
||||
<text class="fs-24 text--w111-999 lh-34rpx">
|
||||
支付金额
|
||||
<text class="iconfont icon-ic_rightarrow fs-24"></text>
|
||||
</text>
|
||||
<text class="fs-32 text--w111-333 fw-bold lh-52rpx num-fa-semi">{{ staticData.price }}</text>
|
||||
</view>
|
||||
<view class="w-208 rd-16rpx pt-24 pl-24 pb-20 flex-col bg-cover"
|
||||
:style="[bgStyle2]"
|
||||
@click="goMenuPage('/pages/admin/order/index')">
|
||||
<text class="fs-24 text--w111-999 lh-34rpx">
|
||||
支付订单数
|
||||
<text class="iconfont icon-ic_rightarrow fs-24"></text>
|
||||
</text>
|
||||
<text class="fs-32 text--w111-333 fw-bold lh-52rpx num-fa-semi">{{ staticData.num }}</text>
|
||||
</view>
|
||||
<view class="w-208 rd-16rpx pt-24 pl-24 pb-20 flex-col bg-cover"
|
||||
:style="[bgStyle3]"
|
||||
@click="goMenuPage('/pages/admin/orderList/index?types=1')">
|
||||
<text class="fs-24 text--w111-999 lh-34rpx">
|
||||
待发货订单
|
||||
<text class="iconfont icon-ic_rightarrow fs-24"></text>
|
||||
</text>
|
||||
<text class="fs-32 text--w111-333 fw-bold lh-52rpx num-fa-semi">{{ staticData.consignment }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.bg-cover{
|
||||
background-size: cover;
|
||||
}
|
||||
</style>
|
||||
49
pages/user/components/order_static/template2.vue
Normal file
49
pages/user/components/order_static/template2.vue
Normal file
@@ -0,0 +1,49 @@
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
staticData: {
|
||||
type: Object,
|
||||
default: () => {}
|
||||
}
|
||||
},
|
||||
inject: ['goMenuPage'],
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<view class="">
|
||||
<view class="mt-20 rd-16rpx bg--w111-fff pt-36 pr-40 pb-36 pl-40 ml-20 mr-20 flex-between-center">
|
||||
<view class="flex-col flex-center text--w111-333" @click="goMenuPage('/pages/admin/order/index')">
|
||||
<text class="fs-36 fw-600 lh-36rpx num-fa-semi">{{ staticData.price }}</text>
|
||||
<text class="fs-24 lh-34rpx pt-16">
|
||||
支付订单金额
|
||||
<text class="iconfont icon-ic_rightarrow fs-24"></text>
|
||||
</text>
|
||||
</view>
|
||||
<view class="v-Line"></view>
|
||||
<view class="flex-col flex-center text--w111-333" @click="goMenuPage('/pages/admin/order/index')">
|
||||
<text class="fs-36 fw-600 lh-36rpx num-fa-semi">{{ staticData.num }}</text>
|
||||
<text class="fs-24 lh-34rpx pt-16">
|
||||
支付订单数
|
||||
<text class="iconfont icon-ic_rightarrow fs-24"></text>
|
||||
</text>
|
||||
</view>
|
||||
<view class="v-Line"></view>
|
||||
<view class="flex-col flex-center text--w111-333" @click="goMenuPage('/pages/admin/orderList/index?types=1')">
|
||||
<text class="fs-36 fw-600 lh-36rpx num-fa-semi">{{ staticData.consignment }}</text>
|
||||
<text class="fs-24 lh-34rpx pt-16">
|
||||
待发货订单数
|
||||
<text class="iconfont icon-ic_rightarrow fs-24"></text>
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.v-Line {
|
||||
width: 1px;
|
||||
height: 40rpx;
|
||||
background: #eee;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user