<template>
|
<view class="main_app">
|
<view class="module_list">
|
<view class="item">
|
<view class="name">会议时间</view>
|
<view class="line">
|
<view class="label">2022年22月2日 1000000000</view>
|
<u-icon name="arrow-right" color="#999999" size="14" />
|
</view>
|
</view>
|
<view class="item">
|
<view class="name">会议室</view>
|
<view class="line">
|
<view class="label">aaaaaaaa</view>
|
</view>
|
</view>
|
<view class="item">
|
<view class="name">预约人</view>
|
<view class="line">
|
<view class="label">aaaaaaaa</view>
|
</view>
|
</view>
|
<view class="empty"></view>
|
<view class="item">
|
<view class="name">
|
<text>会议主题</text>
|
<text class="star">*</text>
|
</view>
|
<view class="line">
|
<input type="text" v-model="param.aaa" placeholder="请输入会议主题" placeholder-class="placeholder9" class="label">
|
</view>
|
</view>
|
<view class="item">
|
<view class="name">
|
<text>会议内容</text>
|
</view>
|
<view class="line">
|
<textarea v-model="param.aaa" :maxlength="300" placeholder="请输入会议内容" placeholder-class="placeholder9" class="label" />
|
</view>
|
</view>
|
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
param: {}
|
};
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.module_list{
|
.item{
|
border-bottom: 1rpx solid #E5E5E5;
|
padding: 30rpx 0;
|
.name{
|
color: #666666;
|
margin-bottom: 30rpx;
|
}
|
.line{
|
display: flex;
|
.label{
|
flex: 1;
|
}
|
|
}
|
}
|
}
|
.empty {
|
width: 750rpx;
|
height: 20rpx;
|
background-color: #f7f7f7;
|
margin: 0 -30rpx;
|
}
|
.star{
|
margin-left: 4rpx;
|
color: #e42d2d;
|
}
|
</style>
|