nazw/nnzwminiapp/pagesPublic/pages/album/album.wxml

<!--pages/album/album.wxml-->
<view style="background: #F0F0F0;">
	<scroll-view class="scroll-wrapper" scroll-x scroll-with-animation="true" scroll-into-view="item{{currentTab < 4 ? 0 : currentTab - 3}}">
		<view class="navigate-item" id="item{{index}}" wx:for="{{albumList}}" wx:key="index" data-index="{{index}}" bindtap="tabNav">
			<view class="names {{currentTab === index ? 'active' : ''}}">{{item.name}}</view>
			<view class="currtline {{currentTab === index ? 'active' : ''}}" wx:if="{{currentTab === index}}"></view>
		</view>
	</scroll-view>
	<swiper current="{{currentTab}}" style="margin-top: 15rpx;width: 100%;height: 90vh;" bindchange="handleSwiper">
		<swiper-item wx:for="{{albumList}}" wx:key="index">
			<scroll-view class="swiper-album" bindscrolltolower="bindscrolltolower" style="height: 100%;" scroll-y="true">
				<view style="background-image: url('{{imgUrl}}album-bg.png');height: 423rpx;width:750rpx;background-repeat: round;position: relative;">
					<image src="{{imgUrl}}yxnaAlbum.png" style="width: 423rpx;height: 179rpx;text-align: center;position: absolute;top: 38rpx;left: 50%;transform: translateX(-50%);" />
					<view style="display: flex;position: absolute;top: 247rpx;left: 50%;transform: translateX(-50%);">
						<view wx:for="{{albumTitle}}" wx:key="index" style="width: 44rpx;height: 44rpx;background: #DD3706;border-radius: 50%;color: #FFFFFF;text-align: center;line-height: 44rpx;font-size: 30rpx;margin-right: 10rpx;">{{item}}</view>
					</view>
				</view>
				<view style="width: 704rpx;height: 314rpx;background: #FFFFFF;box-shadow: 0 7rpx 10rpx 0 rgba(27,58,123,0.13);border-radius: 10rpx;margin: -50rpx 22rpx 30rpx 22rpx;position: relative;display: flex;justify-content: space-between;">
					<image src="{{baseUrl}}{{albumList[currentTab].picture}}" style="width: 275rpx;height: 328rpx;border-radius: 10rpx;margin: -50rpx 23rpx 0 22rpx;" />
					<view style="width: 366rpx;margin: 0 18rpx 37rpx 0;">
						<view style="font-size: 40rpx;font-weight: bold;color: #333333;margin: 34rpx 0 36rpx 10rpx;">{{albumList[currentTab].name}}</view>
						<view style="overflow: hidden;font-size: 24rpx;font-weight: 500;line-height: 36rpx;height: 148rpx;text-overflow: ellipsis;-webkit-line-clamp:4;display: -webkit-box;-webkit-box-orient:vertical;">{{introduction}}</view>
					</view>
				</view>
				<view style="display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0 22rpx 20rpx 22rpx;">
					<view bindtap="toYXNADetailInfo" data-id="{{item.id}}" style="width: 339rpx;height: 384rpx;background: #FFFFFF;box-shadow: 0 7rpx 10rpx 0 rgba(27,58,123,0.13);border-radius: 10rpx;margin: 10rpx 0" wx:if="{{albumInfo.length > 0}}" wx:for="{{albumInfo}}" wx:key="index">
						<view>
							<image src="{{baseUrl}}{{item.urlAddress}}" style="width: 339rpx;height: 191rpx;border-radius: 10rpx 10rpx 0 0;" />
							<view style="padding: 5rpx 21rpx 20rpx 21rpx;color: #333333;font-size: 30rpx;font-weight: 400;">{{item.vestingDate}}</view>
							<view style="padding: 0 21rpx;height: 96rpx;color: #666666;font-size: 24rpx;font-weight: 400;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:3;display: -webkit-box;-webkit-box-orient:vertical;">{{item.pictureDescription}}</view>
						</view>
					</view>
				</view>
			</scroll-view>
		</swiper-item>
	</swiper>
</view>