|
@@ -1,6 +1,49 @@
|
|
|
<template>
|
|
|
- <view>
|
|
|
-
|
|
|
+ <view class="morePages">
|
|
|
+ <view class="list-box">
|
|
|
+ <view class="list-title">
|
|
|
+ <u-icon size="38" name="bag"></u-icon> <text>货品管理</text>
|
|
|
+ </view>
|
|
|
+ <u-cell-group :border="false">
|
|
|
+ <u-cell-item title="库存查询" :title-style="{fontSize:'1em'}">
|
|
|
+ <text slot="icon"></text>
|
|
|
+ </u-cell-item>
|
|
|
+ <u-cell-item title="补货记录" :title-style="{fontSize:'1em'}">
|
|
|
+ <text slot="icon"></text>
|
|
|
+ </u-cell-item>
|
|
|
+ </u-cell-group>
|
|
|
+ </view>
|
|
|
+ <view class="list-box">
|
|
|
+ <view class="list-title">
|
|
|
+ <u-icon size="34" name="order"></u-icon> <text>订单管理</text>
|
|
|
+ </view>
|
|
|
+ <u-cell-group :border="false">
|
|
|
+ <u-cell-item title="货架订单" :title-style="{fontSize:'1em'}">
|
|
|
+ <text slot="icon"></text>
|
|
|
+ </u-cell-item>
|
|
|
+ <u-cell-item title="临配订单" :title-style="{fontSize:'1em'}">
|
|
|
+ <text slot="icon"></text>
|
|
|
+ </u-cell-item>
|
|
|
+ </u-cell-group>
|
|
|
+ </view>
|
|
|
+ <view class="list-box">
|
|
|
+ <view class="list-title">
|
|
|
+ <u-icon size="36" name="rmb-circle"></u-icon> <text>结算管理</text>
|
|
|
+ </view>
|
|
|
+ <u-cell-group :border="false">
|
|
|
+ <u-cell-item title="结算记录" :title-style="{fontSize:'1em'}">
|
|
|
+ <text slot="icon"></text>
|
|
|
+ </u-cell-item>
|
|
|
+ <u-cell-item title="付款结算" :title-style="{fontSize:'1em'}">
|
|
|
+ <text slot="icon"></text>
|
|
|
+ </u-cell-item>
|
|
|
+ </u-cell-group>
|
|
|
+ </view>
|
|
|
+ <view class="list-box">
|
|
|
+ <view class="list-title flex justify_center phone">
|
|
|
+ <u-icon size="36" name="phone"></u-icon> <text>联系汽配商</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -17,6 +60,32 @@
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style>
|
|
|
-
|
|
|
+<style lang="less">
|
|
|
+.morePages{
|
|
|
+ width: 100%;
|
|
|
+ padding: 30rpx;
|
|
|
+ background: #f8f8f8;
|
|
|
+ .list-box{
|
|
|
+ background: #ffffff;
|
|
|
+ margin-bottom: 30rpx;
|
|
|
+ border-radius: 25rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ box-shadow: 2rpx 2rpx 5rpx #eee;
|
|
|
+ .list-title{
|
|
|
+ padding:30rpx 20rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ border-bottom: 2rpx solid #f8f8f8;
|
|
|
+ > text{
|
|
|
+ margin-left: 10rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .phone{
|
|
|
+ color: #00aaff;
|
|
|
+ &:active{
|
|
|
+ opacity: 0.8;
|
|
|
+ transform:scale(0.9);
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|