renshouH5/library/longPosterContent/longPosterContent.vue

<template>
	<view>
		<view class="form-input">
			<view class="input-label">文本一</view>
			<picker :range="yearList" range-key="label" @change="yearChange">
				<view class="input-box ddflex">
					<view class="fflex">{{yearIndex>-1?yearList[yearIndex].label:'请选择'}}</view>
					<image class="rico" src="../../static/pages/images/more.png"></image>
				</view>
			</picker>
		</view>
		<view class="form-input">
			<view class="input-label">文本二</view>
			<view class="input-box ddflex">
				<input v-model="textTitle" placeholder="请填写"/>
			</view>
			<view class="input-box ddflex">
				<textarea v-model="textContent" placeholder="请填写"></textarea>
			</view>
		</view>
		<view class="form-input">
			<view class="input-label">文本三</view>
			<picker :range="yearList" range-key="label" @change="yearChange">
				<view class="input-box ddflex">
					<view class="fflex">{{yearIndex>-1?yearList[yearIndex].label:'请选择'}}</view>
					<image class="rico" src="../../static/pages/images/more.png"></image>
				</view>
			</picker>
		</view>
		
		<view style="height: 150rpx;"></view>
		<view class="share-btn">
			<view class="btn" @click="">保存</view>
		</view>
	</view>
</template>

<script>
	const app = getApp();
	const req = require("../../utils/request.js");

	export default {
		components: {},
		props: {},
		data() {
			return {
				yearIndex:-1,
				yearList:[{
					label:'2023年合计理赔金额（元）',
					value:'23396.5',
					year:2023
				},{
					label:'2022年合计理赔金额（元）',
					value:'33396.5',
					year:2022
				},{
					label:'2021年合计理赔金额（元）',
					value:'46396.5',
					year:2021
				}],
				textTitle:'',
				textContent:''
			}
		},
		onLoad(options) {
		
		},
		onShow() {
			
		},
		methods: {
			yearChange(e){
				this.yearIndex = e.detail.value
			}
		},
		mounted() {
		}
	}
</script>

<style>
	@import "./longPosterContent.css";
</style>