Browse Source

refactor: 更新图片路径并调整样式高度

将图片路径从远程OSS地址更改为本地静态资源路径,以提高加载速度和可维护性。同时,为`.user-bg`和`.home-top-bg`元素添加固定高度,确保布局一致性。
master
前端-胡立永 1 month ago
parent
commit
59dcf87e8f
4 changed files with 10 additions and 7 deletions
  1. +4
    -4
      components/base/tabbar.vue
  2. +1
    -0
      pages/index/center.vue
  3. +5
    -3
      pages/index/index.vue
  4. BIN
      static/image/broadside/17.png

+ 4
- 4
components/base/tabbar.vue View File

@ -29,14 +29,14 @@
return {
list : [
{
"selectedIconPath": "https://tennis-oss.xzaiyp.top/2024-10-22/5cc4afa9-e951-4503-95c8-c0332a8f5db9.png",
"iconPath": "https://tennis-oss.xzaiyp.top/2024-10-22/9caa43b2-8389-4945-8b71-9b49bca2d634.png",
"selectedIconPath": "/static/image/tabbar/2.png",
"iconPath": "/static/image/tabbar/1.png",
"pagePath": "/pages/index/index",
"title": "打卡"
},
{
"selectedIconPath": "https://tennis-oss.xzaiyp.top/2024-10-22/62bc1e85-24b3-4f72-a31d-4caad77590e9.png",
"iconPath": "https://tennis-oss.xzaiyp.top/2024-10-22/6b9c937e-487c-4552-8140-dad098d7f16e.png",
"selectedIconPath": "/static/image/tabbar/4.png",
"iconPath": "/static/image/tabbar/3.png",
"pagePath": "/pages/index/center",
"title": "我的"
}


+ 1
- 0
pages/index/center.vue View File

@ -171,6 +171,7 @@
.user-bg {
width: 750rpx;
height: 200rpx;
position: absolute;
left: 0;
top: 0;


+ 5
- 3
pages/index/index.vue View File

@ -2,14 +2,15 @@
<view class="home">
<!-- 顶部背景 -->
<view class="home-top">
<image class="home-top-bg" src="https://tennis-oss.xzaiyp.top/2024-10-22/81f3569e-c60c-4945-bfc9-b0e976f26d8e.png" mode="widthFix"></image>
<!-- https://tennis-oss.xzaiyp.top/2024-10-22/81f3569e-c60c-4945-bfc9-b0e976f26d8e.png -->
<image class="home-top-bg" src="/static/image/center/1.png" mode="widthFix"></image>
</view>
<!-- 卡片(地图) -->
<view class="card">
<view @click="openBroadside" class="team">
<view class="change-icon">
<image src="https://tennis-oss.xzaiyp.top/2024-10-22/4e624b94-e080-4ec4-86de-196ad83538a5.png" mode="widthFix"></image>
<image src="/static/image/broadside/17.png" mode="widthFix" style="height: 40rpx;"></image>
</view>
<view class="project"
v-if="userInfo.team">
@ -39,7 +40,7 @@
<!-- 签到记录 -->
<div @click="toRecord" class="sign">
<div class="sign-title">
<image class="sign-title-img" src="https://tennis-oss.xzaiyp.top/2024-10-22/3d70c0d0-f298-4187-8b01-d809757f4049.png" mode="widthFix"></image>
<image class="sign-title-img" src="/static/image/broadside/project.png" mode="widthFix" style="height: 40rpx;"></image>
<div class="title">打卡记录</div>
</div>
<div class="project">
@ -238,6 +239,7 @@
.home-top-bg {
width: 750rpx;
height: 200rpx;
}
}


BIN
static/image/broadside/17.png View File

Before After
Width: 200  |  Height: 200  |  Size: 2.7 KiB

Loading…
Cancel
Save