首页-轮播图1.1

This commit is contained in:
minimaxagent1 2025-08-12 18:06:04 +08:00
parent d4d9af4489
commit 9a54e9a3ed
4 changed files with 10 additions and 23 deletions

View File

@ -29,17 +29,7 @@
:class="{ active: currentBannerIndex === index }" :class="{ active: currentBannerIndex === index }"
@click="onBannerClick(index)" @click="onBannerClick(index)"
> >
<view class="banner-left"> <image class="product-image" :src="commonEnum.TEMP1" mode="aspectFit"></image>
<view class="product-info">
<text class="flame-icon">🔥</text>
<text class="product-name">{{banner.name}}</text>
<text class="product-desc">{{banner.desc}}</text>
</view>
<image class="product-image" :src="banner.image" mode="aspectFit"></image>
</view>
<view class="banner-right">
<text class="product-features">{{banner.features}}</text>
</view>
</view> </view>
</view> </view>
<!-- 轮播指示器 --> <!-- 轮播指示器 -->

File diff suppressed because one or more lines are too long

View File

@ -112,23 +112,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
b: $data.commonEnum.ANNOUNCEMENT_ICON, b: $data.commonEnum.ANNOUNCEMENT_ICON,
c: common_vendor.f($data.bannerList, (banner, index, i0) => { c: common_vendor.f($data.bannerList, (banner, index, i0) => {
return { return {
a: common_vendor.t(banner.name), a: banner.id,
b: common_vendor.t(banner.desc), b: $data.currentBannerIndex === index ? 1 : "",
c: banner.image, c: common_vendor.o(($event) => $options.onBannerClick(index), banner.id)
d: common_vendor.t(banner.features),
e: banner.id,
f: $data.currentBannerIndex === index ? 1 : "",
g: common_vendor.o(($event) => $options.onBannerClick(index), banner.id)
}; };
}), }),
d: common_vendor.f($data.bannerList, (banner, index, i0) => { d: $data.commonEnum.TEMP1,
e: common_vendor.f($data.bannerList, (banner, index, i0) => {
return { return {
a: index, a: index,
b: $data.currentBannerIndex === index ? 1 : "", b: $data.currentBannerIndex === index ? 1 : "",
c: common_vendor.o(($event) => $options.onDotClick(index), index) c: common_vendor.o(($event) => $options.onDotClick(index), index)
}; };
}), }),
e: common_vendor.f($data.equipmentList, (equipment, k0, i0) => { f: common_vendor.f($data.equipmentList, (equipment, k0, i0) => {
return { return {
a: equipment.image, a: equipment.image,
b: common_vendor.t(equipment.name), b: common_vendor.t(equipment.name),
@ -141,7 +138,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
i: common_vendor.o(($event) => $options.onEquipmentClick(equipment), equipment.id) i: common_vendor.o(($event) => $options.onEquipmentClick(equipment), equipment.id)
}; };
}), }),
f: common_vendor.f(["首页", "申请租赁", "个人中心"], (nav, index, i0) => { g: common_vendor.f(["首页", "申请租赁", "个人中心"], (nav, index, i0) => {
return { return {
a: common_vendor.t(index === 0 ? "🏠" : index === 1 ? "" : "😊"), a: common_vendor.t(index === 0 ? "🏠" : index === 1 ? "" : "😊"),
b: common_vendor.t(nav), b: common_vendor.t(nav),

View File

@ -1 +1 @@
<view class="home-container data-v-1cf27b2a"><view class="header data-v-1cf27b2a"><view class="location-info data-v-1cf27b2a"><image class="location data-v-1cf27b2a" src="{{a}}"></image><text class="company-name data-v-1cf27b2a">福鼎创特物联科技有限公司</text><text class="arrow data-v-1cf27b2a">></text></view></view><view class="announcement-bar data-v-1cf27b2a"><image class="announcementIcon data-v-1cf27b2a" src="{{b}}"></image><view class="announcement-box data-v-1cf27b2a"><text class="announcement-text data-v-1cf27b2a">暂无更多公告! 暂无更多公告! 暂无更多公告!</text></view></view><view class="banner-section data-v-1cf27b2a"><view class="banner-container data-v-1cf27b2a"><view wx:for="{{c}}" wx:for-item="banner" wx:key="e" class="{{['banner-card', 'data-v-1cf27b2a', banner.f && 'active']}}" bindtap="{{banner.g}}"><view class="banner-left data-v-1cf27b2a"><view class="product-info data-v-1cf27b2a"><text class="flame-icon data-v-1cf27b2a">🔥</text><text class="product-name data-v-1cf27b2a">{{banner.a}}</text><text class="product-desc data-v-1cf27b2a">{{banner.b}}</text></view><image class="product-image data-v-1cf27b2a" src="{{banner.c}}" mode="aspectFit"></image></view><view class="banner-right data-v-1cf27b2a"><text class="product-features data-v-1cf27b2a">{{banner.d}}</text></view></view></view><view class="banner-dots data-v-1cf27b2a"><view wx:for="{{d}}" wx:for-item="banner" wx:key="a" class="{{['dot', 'data-v-1cf27b2a', banner.b && 'active']}}" bindtap="{{banner.c}}"></view></view></view><view class="equipment-section data-v-1cf27b2a"><view class="section-title data-v-1cf27b2a">我的租赁设备</view><view class="equipment-list data-v-1cf27b2a"><view wx:for="{{e}}" wx:for-item="equipment" wx:key="h" class="equipment-item data-v-1cf27b2a" bindtap="{{equipment.i}}"><image class="equipment-image data-v-1cf27b2a" src="{{equipment.a}}" mode="aspectFit"></image><view class="equipment-info data-v-1cf27b2a"><view class="equipment-header data-v-1cf27b2a"><text class="equipment-name data-v-1cf27b2a">{{equipment.b}}</text><text class="{{['status-badge', 'data-v-1cf27b2a', equipment.d]}}">{{equipment.c}}</text></view><view class="equipment-details data-v-1cf27b2a"><text class="detail-item data-v-1cf27b2a">租赁时间: {{equipment.e}}</text><text class="detail-item data-v-1cf27b2a">到期时间: {{equipment.f}}</text></view><button class="renew-btn data-v-1cf27b2a" catchtap="{{equipment.g}}">去续费</button></view></view></view></view><view class="bottom-nav data-v-1cf27b2a"><view wx:for="{{f}}" wx:for-item="nav" wx:key="c" class="{{['nav-item', 'data-v-1cf27b2a', nav.d && 'active']}}" bindtap="{{nav.e}}"><text class="nav-icon data-v-1cf27b2a">{{nav.a}}</text><text class="nav-text data-v-1cf27b2a">{{nav.b}}</text></view></view></view> <view class="home-container data-v-1cf27b2a"><view class="header data-v-1cf27b2a"><view class="location-info data-v-1cf27b2a"><image class="location data-v-1cf27b2a" src="{{a}}"></image><text class="company-name data-v-1cf27b2a">福鼎创特物联科技有限公司</text><text class="arrow data-v-1cf27b2a">></text></view></view><view class="announcement-bar data-v-1cf27b2a"><image class="announcementIcon data-v-1cf27b2a" src="{{b}}"></image><view class="announcement-box data-v-1cf27b2a"><text class="announcement-text data-v-1cf27b2a">暂无更多公告! 暂无更多公告! 暂无更多公告!</text></view></view><view class="banner-section data-v-1cf27b2a"><view class="banner-container data-v-1cf27b2a"><view wx:for="{{c}}" wx:for-item="banner" wx:key="a" class="{{['banner-card', 'data-v-1cf27b2a', banner.b && 'active']}}" bindtap="{{banner.c}}"><image class="product-image data-v-1cf27b2a" src="{{d}}" mode="aspectFit"></image></view></view><view class="banner-dots data-v-1cf27b2a"><view wx:for="{{e}}" wx:for-item="banner" wx:key="a" class="{{['dot', 'data-v-1cf27b2a', banner.b && 'active']}}" bindtap="{{banner.c}}"></view></view></view><view class="equipment-section data-v-1cf27b2a"><view class="section-title data-v-1cf27b2a">我的租赁设备</view><view class="equipment-list data-v-1cf27b2a"><view wx:for="{{f}}" wx:for-item="equipment" wx:key="h" class="equipment-item data-v-1cf27b2a" bindtap="{{equipment.i}}"><image class="equipment-image data-v-1cf27b2a" src="{{equipment.a}}" mode="aspectFit"></image><view class="equipment-info data-v-1cf27b2a"><view class="equipment-header data-v-1cf27b2a"><text class="equipment-name data-v-1cf27b2a">{{equipment.b}}</text><text class="{{['status-badge', 'data-v-1cf27b2a', equipment.d]}}">{{equipment.c}}</text></view><view class="equipment-details data-v-1cf27b2a"><text class="detail-item data-v-1cf27b2a">租赁时间: {{equipment.e}}</text><text class="detail-item data-v-1cf27b2a">到期时间: {{equipment.f}}</text></view><button class="renew-btn data-v-1cf27b2a" catchtap="{{equipment.g}}">去续费</button></view></view></view></view><view class="bottom-nav data-v-1cf27b2a"><view wx:for="{{g}}" wx:for-item="nav" wx:key="c" class="{{['nav-item', 'data-v-1cf27b2a', nav.d && 'active']}}" bindtap="{{nav.e}}"><text class="nav-icon data-v-1cf27b2a">{{nav.a}}</text><text class="nav-text data-v-1cf27b2a">{{nav.b}}</text></view></view></view>