修改逻辑和样式
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
<image src="/static/images/homePage/homePageBg.png" mode="" class="bg-image"></image>
|
||||
<TransNavVue title="蜂场数据"></TransNavVue>
|
||||
<view class="data-panel">
|
||||
<image class="panel-bg" src="/static/images/data-bg.png" mode=""></image>
|
||||
<image class="panel-bg" src="/static/images/homePage/data-bg" mode=""></image>
|
||||
<view class="data-content">
|
||||
<view class="data-item" v-for="(value, key) in dataList" :key="key">
|
||||
<view class="title" v-if="key!= 'nectarSourceArea'">
|
||||
|
@@ -5,7 +5,7 @@
|
||||
<image src="/static/images/homePage/homePageBg.png" mode="aspectFill" class="bg-image"></image>
|
||||
<view :style="{ height: getStatusBarHeight() + 'px' }"></view>
|
||||
<view class="title-bar" :style="{ height: getTitleBarHeight() + 'px' }">
|
||||
<image src="/static/images/homePage/logo.png" class="logo-image" mode="aspectFill"></image>
|
||||
<image src="/static/images/logo.png" class="logo-image" mode="aspectFill"></image>
|
||||
</view>
|
||||
<scroll-view scroll-y="true" class="scroll-view">
|
||||
<view class="swiper-content">
|
||||
@@ -73,7 +73,7 @@
|
||||
<view class="my-bee-box">
|
||||
<view class="my-bee-title">
|
||||
<view>我的蜂箱</view>
|
||||
<image src="/static/images/homePage/beeDataTitle.png" mode="" class="title-image"></image>
|
||||
<image src="/static/images/homePage/myBeeTitle.png" mode="" class="title-image"></image>
|
||||
</view>
|
||||
<view class="my-bee-right" @click="collectBee">
|
||||
去认养 <image style="width: 20rpx; height:20rpx ;margin-left:10rpx" src="/static/images/rightBtn.png" mode="" ></image>
|
||||
@@ -82,7 +82,7 @@
|
||||
|
||||
<view v-if="dataList.length>0">
|
||||
<view class="my-bee-card" v-for='item in dataList' :key="item" @click="gotoMyBeehive(item)">
|
||||
<!-- <image src="/static/images/Subtract@2x.png" mode="" class="card-bg"></image> -->
|
||||
<image src="/static/images/homePage/myBeeHiveListBg.png" mode="" class="card-bg"></image>
|
||||
<view class="card-content">
|
||||
<view class="card-top">
|
||||
<view>
|
||||
@@ -156,7 +156,7 @@ const dataList=ref([
|
||||
|
||||
])
|
||||
const percent = ref(45);
|
||||
const avatarList = ref(['/static/images/蜂箱logo.png', '/static/images/蜂箱logo.png']);
|
||||
const avatarList = ref(['/static/images/apiculture.png', '/static/images/apiculture.png']);
|
||||
// 获取轮播图数据
|
||||
const getSwiperList = async () => {
|
||||
try {
|
||||
|
@@ -13,7 +13,7 @@ const markers = ref([
|
||||
id: 1,
|
||||
latitude: 30.6667,
|
||||
longitude: 104.0667,
|
||||
iconPath: '/static/images/marker.png',
|
||||
iconPath: '/static/images/homePage/marker.png',
|
||||
width: 34,
|
||||
height: 38,
|
||||
label: {
|
||||
@@ -31,7 +31,7 @@ const generateMarkers = (list) => {
|
||||
id: index,
|
||||
latitude: item.latitude,
|
||||
longitude: item.longitude,
|
||||
iconPath: '/static/images/marker.png',
|
||||
iconPath: '/static/images/homePage/marker.png',
|
||||
width: 34,
|
||||
height: 38,
|
||||
// label: { // 使用label属性在图标上方显示名称
|
||||
@@ -73,7 +73,7 @@ onMounted(() => {
|
||||
<template>
|
||||
<view> <BeeTabbarVue active-tab="monitorPage"></BeeTabbarVue>
|
||||
<view class="container">
|
||||
<image src="/static/images/背景.png" mode="aspectFill" class="bg-image"></image>
|
||||
<image src="/static/images/homePage/homePageBg.png" mode="aspectFill" class="bg-image"></image>
|
||||
<view :style="{ height: getStatusBarHeight() + 'px' }"></view>
|
||||
<view class="title-bar" :style="{ height: getTitleBarHeight() + 'px' }">
|
||||
<view>蜜源</view>
|
||||
@@ -93,7 +93,7 @@ onMounted(() => {
|
||||
|
||||
<view class="my-bee-title">
|
||||
<view>推荐蜜源</view>
|
||||
<image src="/static/images/我的蜂箱logo.png" mode="" class="title-image"></image>
|
||||
<image src="/static/images/homePage/myBeeTitle.png" mode="" class="title-image"></image>
|
||||
</view>
|
||||
<view class="bee-list-center">
|
||||
<view class="bee-list-box" v-for="(item,index) in honeySourceList" :key="index">
|
||||
|
@@ -39,7 +39,7 @@
|
||||
<image :src="step.completed ? step.url : step.curl" class="step-icon"></image>
|
||||
<text :class="['step-text', { 'completed-text': step.completed }]">{{ step.text }}</text>
|
||||
</view>
|
||||
<image v-if="index < steps.length - 1" src="/static/images/下一步.png" class="arrow-icon"></image>
|
||||
<image v-if="index < steps.length - 1" src="/static/images/homePage/next.png" class="arrow-icon"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -106,11 +106,11 @@ const MyBeehiveInfo=ref({})
|
||||
const MyBeehiveTask=ref([])
|
||||
const beeId=ref('')
|
||||
const steps = ref([
|
||||
{ text: '开始', completed: false, url: '/static/images/完成.png', curl: '/static/images/完成s.png' },
|
||||
{ text: '采蜜', completed: false, url: '/static/images/采蜜.png', curl: '/static/images/采蜜s.png' },
|
||||
{ text: '分装', completed: false, url: '/static/images/分装.png', curl: '/static/images/分装s.png' },
|
||||
{ text: '完成', completed: false, url: '/static/images/完成.png', curl: '/static/images/完成s.png' },
|
||||
{ text: '交付', completed: false, url: '/static/images/交付.png', curl: '/static/images/交付s.png' }
|
||||
{ text: '开始', completed: false, url: '/static/images/homePage/accomplish.png', curl: '/static/images/homePage/accomplishs.png.png' },
|
||||
{ text: '采蜜', completed: false, url: '/static/images/homePage/bee.png', curl: '/static/images/homePage/bees.png.png' },
|
||||
{ text: '分装', completed: false, url: '/static/images/homePage/classify.png', curl: '/static/images/homePage/classifys.png.png' },
|
||||
{ text: '完成', completed: false, url: '/static/images/homePage/accomplish.png', curl: '/static/images/homePage/accomplishs.png' },
|
||||
{ text: '交付', completed: false, url: '/static/images/homePage/delivery.png', curl: '/static/images/homePage/deliverys.png.png' }
|
||||
]);
|
||||
|
||||
watch(MyBeehiveInfo, (newVal) => {
|
||||
|
@@ -14,13 +14,13 @@
|
||||
<image :src="userInfo.avatar" mode="" class="avatar-image"></image>
|
||||
<image
|
||||
v-if="userInfo.gender == 1"
|
||||
src="/static/images/myPage/manIcon.png"
|
||||
src="/static/images/myPage/wamanIcon.png"
|
||||
mode=""
|
||||
class="sex-image">
|
||||
</image>
|
||||
<image
|
||||
v-else-if="userInfo.gender == 0"
|
||||
src="/static/images/myPape/wamanIcon.png"
|
||||
src="/static/images/myPage/manIcon.png"
|
||||
mode=""
|
||||
class="sex-image">
|
||||
</image>
|
||||
@@ -41,18 +41,18 @@
|
||||
open-type="share"
|
||||
@click="handleShare"
|
||||
>
|
||||
<image src="/static/images/myPape/shareIcon.png" class="btn" mode=""></image>
|
||||
<image src="/static/images/myPage/shareIcon.png" class="btn" mode=""></image>
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="commission-card">
|
||||
<view class="card-item" @click="gotoCommission">
|
||||
<image class="item-bg" src="/static/images/myPape/commissionBg.png" mode=""></image>
|
||||
<image class="item-bg" src="/static/images/myPage/commissionBg.png" mode=""></image>
|
||||
<text class="amount">{{ commissionData.todaySEarnings||0 }}</text>
|
||||
<text class="commission-text">今日佣金</text>
|
||||
</view>
|
||||
<view class="card-item" @click="gotoCommission">
|
||||
<image class="item-bg" src="/static/images/myPape/commissionBg.png" mode=""></image>
|
||||
<image class="item-bg" src="/static/images/myPage/commissionBg.png" mode=""></image>
|
||||
<text class="amount">{{ commissionData.cumulativeEarnings||0 }}</text>
|
||||
<text class="commission-text">累计佣金</text>
|
||||
</view>
|
||||
@@ -64,8 +64,8 @@
|
||||
<text class="text">现金</text>
|
||||
</view>
|
||||
<view class="item-right">
|
||||
<image src="/static/images/myPape/cashIcon.png" mode="" class="amount-image"></image>
|
||||
<image src="/static/images/myPape/ellipse.png" mode="" class="icon"></image>
|
||||
<image src="/static/images/myPage/cashIcon.png" mode="" class="amount-image"></image>
|
||||
<image src="/static/images/myPage/ellipse.png" mode="" class="icon"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="assets-item" @click="gotoWithdraw">
|
||||
@@ -74,8 +74,8 @@
|
||||
<text class="text">M币</text>
|
||||
</view>
|
||||
<view class="item-right">
|
||||
<image src="/static/images/myPape/MIcon.png" mode="" class="amount-image"></image>
|
||||
<image src="/static/images/myPape/ellipse.png" mode="" class="icon"></image>
|
||||
<image src="/static/images/myPage/MIcon.png" mode="" class="amount-image"></image>
|
||||
<image src="/static/images/myPage/ellipse.png" mode="" class="icon"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
BIN
static/.DS_Store
vendored
Normal file
BIN
static/.DS_Store
vendored
Normal file
Binary file not shown.
BIN
static/images/.DS_Store
vendored
Normal file
BIN
static/images/.DS_Store
vendored
Normal file
Binary file not shown.
Before Width: | Height: | Size: 50 KiB After Width: | Height: | Size: 50 KiB |
Before Width: | Height: | Size: 4.6 KiB After Width: | Height: | Size: 4.6 KiB |
BIN
static/images/myBeeHiveListBg.png
Normal file
BIN
static/images/myBeeHiveListBg.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 15 KiB |
Reference in New Issue
Block a user