|
@@ -1,11 +1,11 @@
|
|
<template>
|
|
<template>
|
|
- <view>
|
|
|
|
- <view class="status_bar">
|
|
|
|
- <!-- 这里是状态栏 -->
|
|
|
|
- </view>
|
|
|
|
- <view class="u-page">
|
|
|
|
|
|
+ <view style="background-color: #FFFFFF;height: 100%;">
|
|
|
|
+ <view class="u-page status_bar">
|
|
<view class="head">
|
|
<view class="head">
|
|
- <view class="u-flex u-row-between" style="padding: 50rpx 30rpx">
|
|
|
|
|
|
+ <view class="status_bar">
|
|
|
|
+ <!-- 这里是状态栏 -->
|
|
|
|
+ </view>
|
|
|
|
+ <view class="u-flex u-row-between" style="padding: 10rpx 40rpx 30rpx;">
|
|
<view class="u-flex">
|
|
<view class="u-flex">
|
|
<view class="">
|
|
<view class="">
|
|
<u-image width="130rpx" height="130rpx" src="../../static/sailun/head-portrait.png" :lazy-load="true" shape="circle">
|
|
<u-image width="130rpx" height="130rpx" src="../../static/sailun/head-portrait.png" :lazy-load="true" shape="circle">
|
|
@@ -28,7 +28,7 @@
|
|
</u-image>
|
|
</u-image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="u-flex u-row-around">
|
|
|
|
|
|
+ <view class="u-flex u-row-around u-m-t-20">
|
|
<view class="u-text-center">
|
|
<view class="u-text-center">
|
|
<view style="font-size:34rpx; color: #FFFFFF;">
|
|
<view style="font-size:34rpx; color: #FFFFFF;">
|
|
张三
|
|
张三
|
|
@@ -48,7 +48,7 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view style="position: relative;top:-110rpx">
|
|
<view style="position: relative;top:-110rpx">
|
|
- <u-card padding="20" box-shadow="0px 1px 10px rgba(0,0,0,0.2)" border-radius="20" :show-foot="false" :border="false">
|
|
|
|
|
|
+ <u-card padding="20" box-shadow="0rpx 0rpx 24rpx 0rpx rgba(101, 176, 249, 0.41)" border-radius="20" :show-foot="false" :border="false">
|
|
<view slot="head" class="u-flex u-row-between u-col-bottom">
|
|
<view slot="head" class="u-flex u-row-between u-col-bottom">
|
|
<view style="font-size: 34rpx;">
|
|
<view style="font-size: 34rpx;">
|
|
结算中心
|
|
结算中心
|
|
@@ -94,7 +94,7 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</u-card>
|
|
</u-card>
|
|
- <u-card padding="20" box-shadow="0px 1px 10px rgba(0,0,0,0.2)" border-radius="20" :show-foot="false" :border="false">
|
|
|
|
|
|
+ <u-card padding="20" box-shadow="0rpx 0rpx 24rpx 0rpx rgba(101, 176, 249, 0.41)" border-radius="20" :show-foot="false" :border="false">
|
|
<view slot="head" class="u-flex u-row-between u-col-bottom">
|
|
<view slot="head" class="u-flex u-row-between u-col-bottom">
|
|
<view style="font-size: 34rpx;">
|
|
<view style="font-size: 34rpx;">
|
|
我的服务
|
|
我的服务
|
|
@@ -180,19 +180,22 @@
|
|
</u-card>
|
|
</u-card>
|
|
<u-cell-group>
|
|
<u-cell-group>
|
|
<u-cell-item title="核销记录">
|
|
<u-cell-item title="核销记录">
|
|
- <u-icon slot="icon" size="32" name="balance-o" custom-prefix="van-icon"></u-icon>
|
|
|
|
|
|
+ <u-icon slot="icon" size="42" name="balance-o" custom-prefix="van-icon"></u-icon>
|
|
</u-cell-item>
|
|
</u-cell-item>
|
|
<u-cell-item title="兑换记录">
|
|
<u-cell-item title="兑换记录">
|
|
- <u-icon slot="icon" size="32" name="balance-list-o" custom-prefix="van-icon"></u-icon>
|
|
|
|
|
|
+ <u-icon slot="icon" size="42" name="balance-list-o" custom-prefix="van-icon"></u-icon>
|
|
|
|
+ </u-cell-item>
|
|
|
|
+ <u-cell-item title="经销商库存">
|
|
|
|
+ <u-icon slot="icon" size="42" name="points" custom-prefix="van-icon"></u-icon>
|
|
</u-cell-item>
|
|
</u-cell-item>
|
|
- <u-cell-item icon="setting-fill" title="设置" @click="inSetting">
|
|
|
|
- <u-icon slot="icon" size="32" name="setting-o" custom-prefix="van-icon"></u-icon>
|
|
|
|
|
|
+ <u-cell-item title="设置" @click="inSetting">
|
|
|
|
+ <u-icon slot="icon" size="42" name="setting-o" custom-prefix="van-icon"></u-icon>
|
|
</u-cell-item>
|
|
</u-cell-item>
|
|
</u-cell-group>
|
|
</u-cell-group>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 与包裹页面所有内容的元素u-page同级, -->
|
|
<!-- 与包裹页面所有内容的元素u-page同级, -->
|
|
- <u-tabbar v-model="current" :list="list"></u-tabbar>
|
|
|
|
|
|
+ <!-- <u-tabbar v-model="current" :list="list"></u-tabbar> -->
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -201,31 +204,6 @@
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
src: '../../static/sailun/fade.jpg',
|
|
src: '../../static/sailun/fade.jpg',
|
|
- list: [{
|
|
|
|
- iconPath: "home",
|
|
|
|
- selectedIconPath: "home-fill",
|
|
|
|
- text: '首页',
|
|
|
|
- customIcon: false,
|
|
|
|
- pagePath: '/pages/home/index'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- iconPath: "chat",
|
|
|
|
- selectedIconPath: "chat-fill",
|
|
|
|
- text: '消息',
|
|
|
|
- count: 2,
|
|
|
|
- isDot: false,
|
|
|
|
- customIcon: false,
|
|
|
|
- pagePath: '/pages/msg/index'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- iconPath: "account",
|
|
|
|
- selectedIconPath: "account-fill",
|
|
|
|
- text: '我的',
|
|
|
|
- customIcon: false,
|
|
|
|
- pagePath: '/pages/me/index'
|
|
|
|
- },
|
|
|
|
- ],
|
|
|
|
- current: 2
|
|
|
|
};
|
|
};
|
|
},
|
|
},
|
|
methods:{
|
|
methods:{
|
|
@@ -281,13 +259,11 @@
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.status_bar {
|
|
.status_bar {
|
|
height: var(--status-bar-height);
|
|
height: var(--status-bar-height);
|
|
- width: 100%;
|
|
|
|
- background-color: #0095FF;
|
|
|
|
}
|
|
}
|
|
|
|
|
|
.head {
|
|
.head {
|
|
width: 750rpx;
|
|
width: 750rpx;
|
|
- height: 429rpx;
|
|
|
|
|
|
+ height: 460rpx;
|
|
// background: linear-gradient(50deg, #3F77F6 0%, #66CCFF 100%);
|
|
// background: linear-gradient(50deg, #3F77F6 0%, #66CCFF 100%);
|
|
background-image: url(../../static/sailun/mebg.png);
|
|
background-image: url(../../static/sailun/mebg.png);
|
|
background-size:100% 100%;
|
|
background-size:100% 100%;
|