sdz/ks-app-employment-service
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

招聘会微信小程序背景图片不能直接引用修改

Browse Source
This commit is contained in:
冯辉
2025-11-04 21:31:10 +08:00
parent 975f3b0cd0
commit 73664abe4b
1 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
pages/careerfair/careerfair.vue
View File

@@ -3,6 +3,10 @@
<view class="app-container"> <view class="app-container">
<!-- 顶部头部区域 --> <!-- 顶部头部区域 -->
<view class="container-header"> <view class="container-header">
<!-- #ifdef MP-WEIXIN -->
<!-- 小程序使用 image 标签作为背景 -->
<image class="header-bg-image" src="/static/icon/background2.png" mode="aspectFill"></image>
<!-- #endif -->
<view class="header-top"> <view class="header-top">
<view <view
class="header-btnLf button-click" class="header-btnLf button-click"
@@ -507,14 +511,33 @@ function getNextDates({ startDate = "", count = 6 }) {
} }
.app-container .container-header { .app-container .container-header {
position: relative;
/* #ifndef MP-WEIXIN */
background: url("@/static/icon/background2.png") 0 0 no-repeat; background: url("@/static/icon/background2.png") 0 0 no-repeat;
background-size: 100% 400rpx; background-size: 100% 400rpx;
/* #endif */
/* #ifdef MP-WEIXIN */
/* 小程序使用 image 标签，背景样式在 image 上设置 */
/* #endif */
} }
/* #ifdef MP-WEIXIN */
.app-container .container-header .header-bg-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 400rpx;
z-index: 0;
}
/* #endif */
.app-container .container-header .header-top { .app-container .container-header .header-top {
display: flex; display: flex;
line-height: calc(88rpx - 14rpx); line-height: calc(88rpx - 14rpx);
padding: 16rpx 44rpx 14rpx 44rpx; padding: 16rpx 44rpx 14rpx 44rpx;
position: relative;
z-index: 1;
} }
.app-container .container-header .header-top .header-btnLf { .app-container .container-header .header-top .header-btnLf {
@@ -551,6 +574,7 @@ function getNextDates({ startDate = "", count = 6 }) {
padding: 0 24rpx; padding: 0 24rpx;
width: calc(100% - 48rpx); width: calc(100% - 48rpx);
position: relative; position: relative;
z-index: 1;
} }
.app-container .container-header .header-input .iconsearch { .app-container .container-header .header-input .iconsearch {