property/property_ui/manage/pages/community/newsaddvideo.vue

<template>
	<view class="check">
		<uni-forms ref="form" :model="datainfo">
			<!-- <view class="cbox">
				<view class="chmain">
					<uni-forms-item label="文章类型" name="phonenumber">
						<picker range-key='text' :value="syqxidx" :range="sexs"   @change='bindDateChange'>
							<view class="flexc">
								<view class="flex1 txr f13" :class="datainfo.iszc?'co27':'coa'">{{datainfo.iszc?'是':'请选择文章类型'}}</view>
								<view class="rimg"><image :src="rimg"></image></view>
							</view>
						</picker>
					</uni-forms-item>
				</view>
			</view> -->
			<view class="cbox">
				<view class="chmain">
					<uni-forms-item label-width='0'  name="phonenumber">
						<uni-easyinput type="textarea" autoHeight v-model="datainfo.phonenumber" :inputBorder='false' placeholder="输入标题" />
					</uni-forms-item>
					<view class="addbox flexdcc">
						<image :src="video"></image>
						<view>添加视频</view>
					</view>
					<view class="flexcw">
						<view class="imgs">
							<video class="img" id="myVideo" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4"
							      @error="videoErrorCallback" :danmu-list="danmuList" enable-danmu danmu-btn controls></video>
							<image :src="del" class="del"></image>
						</view>
					</view>
				</view>
			</view>
		</uni-forms>
		<view class="rfbtn">发布</view>
		<loading></loading>
	</view>
</template>

<script>
	import config from '@/config'
	import {checkPermi,checkRole} from "@/utils/permission"; // 权限判断函数
	export default {
		components: {},
		data() {
			return {
				video: require('@/manage/static/community/video.png'),
				del: require('@/car/static/car/del.png'),
				baseUrl: config.baseUrl,
				checkflag:true,
				datainfo: {
					sex:0,
					realName: '',
					idCard: '',
					address: '',
					expirationDate: '',
					phonenumber: '',
					front: '',
					back: '',
				},
			}
		},
		onLoad: function() {

		},
		methods: {
			checkPermi,
			checkRole,
		}
	}
</script>
<style>
	page{background: #F3F3F0;}
</style>
<style lang="scss" scoped>
.check /deep/ .uni-forms-item{min-height: 106rpx;box-sizing: border-box;display: flex;align-items: center;margin-bottom: 0;border-bottom: 2rpx solid #E6E6E6;padding:10rpx 0;}
.check .cbox /deep/ .uni-forms-item:last-child{border: none;}
.check /deep/ .uni-forms-item__label{font-weight: bold;font-size: 26rpx;color: #222327;flex: 0 0 auto;width: auto !important;}
.check /deep/ .uni-easyinput{flex: 1;text-align: left;font-size: 26rpx;color: #222327;}
.check /deep/ .uni-easyinput__content-textarea{min-height: 40rpx;font-size: 26rpx;}
.check /deep/ .uni-easyinput__placeholder-class{font-size: 26rpx;color: #AAAAAA;}
.check /deep/ .uni-easyinput__content-input{padding-left: 0 !important;}
.check /deep/ .uni-input-input{font-size: 26rpx;}
.check /deep/ .uni-textarea-textarea{font-size: 26rpx;}
.check /deep/ .is-disabled{color: #222327;background-color: #ffffff !important;}
.check /deep/ .uni-data-checklist .checklist-group .checklist-box{margin:10rpx 8rpx 10rpx 16rpx;}
.check /deep/ .uni-data-checklist{flex: 0 0 auto;}
.check{min-height: 100vh;padding: 20rpx 18rpx 110rpx;box-sizing: border-box;}
.cbox{background: #FFFFFF;border-radius: 20rpx;flex: 1;margin-bottom: 24rpx;

	.chmain{
		padding: 0 32rpx 10rpx;min-height: calc(100vh - 146rpx);box-sizing: border-box;
		.rimg{width: 16rpx;height: 28rpx;flex: 0 0 auto;margin-left: 20rpx;
			image{width: 100%;height: 100%;}
		}
		.checkimg{width: 80rpx;height: 40rpx;margin-right: 8rpx;}
	}
	
}
.addbox{height: 190rpx;background: #FFFFFF;border-radius: 10rpx;border: 2rpx dashed #A7A7A7;margin: 48rpx 0 56rpx;
	image{width: 54rpx;height: 46rpx;margin-bottom: 16rpx;}
	view{font-weight: bold;font-size: 26rpx;color: #272727;}
}
.imgs{
	width: 310rpx;height: 186rpx;position: relative;margin: 0 10rpx 10rpx 0;
	.img{width: 100%;height: 100%;}
	.del{width: 24rpx;height: 24rpx;position: absolute;right: 0;top: 0;z-index: 2;}
}
</style>