首页-轮播图1.1
This commit is contained in:
parent
d4d9af4489
commit
9a54e9a3ed
|
|
@ -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
|
|
@ -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),
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
Loading…
Reference in New Issue
Block a user