nazw/nnzwminiapp/pagesPublic/pages/yxnaQxn/yxnaQxn.wxml

<!--pages/yxnaQxn/yxnaQxn.wxml-->
<wxs module="filter" src="./util.wxs"></wxs>
<view class="page" style="background-image: url({{imgUrl}}yxna-qxn.png);width: 100%;overflow: hidden;background-size: cover;{{total <= 1?'height:100vh':''}}">
	<view class="navTitle">
		<t-icon name="chevron-left" size="68rpx" data-name="chevron-left"  bind:click="back" />
		<view class="title" style="float: left;">印象南岸</view>
	</view>
	<view class="header">
		<image src="{{imgUrl}}logo-qxn.png"></image>
		<view class="button">
			<view class="butView" style="background: linear-gradient(90deg, #E2F0FA, #C7E1F5 90%);color: #1B3A7B;" bindtap="toEditAlbum">投稿</view>
			<view class="butView" style="background: linear-gradient(90deg, #F8F0DE, #F3E6C9 90%);color: #844A0C;" bindtap="toAlbum">专辑</view>
		</view>
	</view>
	<view class="lineNav">
		<view class="line" style="background-image: url({{imgUrl}}line-qxn.png);">
			<view class="title" style="width: 125rpx;left: 20rpx;top: 80rpx;" bindtap="toJfq">解放前</view>
			<view style="width: 30rpx;height: 30rpx;background: #F4EBDB;border-radius: 50%;position: absolute;top: 146rpx;left: 64rpx;" bindtap="toJfq"></view>
			<view class="title" style="width: 192rpx;left: 142rpx;top: 20rpx;" bindtap="toJfh">解放后-80年代</view>
			<view style="width: 30rpx;height: 30rpx;background: #F4EBDB;border-radius: 50%;position: absolute;top: 108rpx;left: 204rpx;"bindtap="toJfh"></view>
			<view class="title" style="width: 202rpx;left: 376rpx;top: -12rpx;" bindtap="toXsj">80年代-新世纪</view>
			<view style="width: 30rpx;height: 30rpx;background: #F4EBDB;border-radius: 50%;position: absolute;top: 46rpx;left: 526rpx;" bindtap="toXsj"></view>
			<view class="title" style="width: 222rpx;top: -75rpx;left: 504rpx;background:#DB410F;line-height:30rpx;font-size: 30rpx;font-weight: bold;" bindtap="toQxn">新世纪-千禧年</view>
			<view style="width: 42rpx;height: 42rpx;background: #DD3706;border-radius: 50%;position: absolute;z-index:999;top: 4rpx;left: 662rpx;" bindtap="toQxn"></view>
			<view style="width: 6rpx;height: {{ documentList.length&&documentList.length>1?documentList.length*720 + 132 + 'rpx':documentList.length==0?'0vh':'100vh' }};background: #1B3A7B;border-radius: 1px;position: absolute;top: 44rpx;left: 680rpx;"></view>
		</view>
	</view>
	<view wx:for="{{ documentList }}" wx:for-item="item" wx:for-index="index" wx:key="index" class="con-width">
		<view class="time">{{ filter.timeToDate(item.uploadTime) }}</view>
		<view class="redius"></view>
		<view class="text"><text>作者：{{ filter.getAuthor(item.isAnonymous, item.pictureAuthor) }}</text>
		<text class="title">《{{ item.pictureTitle}}》</text>
		</view>
		<view class="video">
			<image style="width: 390rpx; height: 226rpx; border: 7rpx solid #fff;" src="{{ baseUrl + item.urlAddress }}"></image>
		</view>
		<view class="message">
		  <scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;">
				<view style="width: 100%;display: flex;align-items: flex-start;justify-content: flex-end;word-break:break-all;">{{ item.pictureDescription }}</view>
			</scroll-view>
		</view>
	</view>
</view>