图片发布
<form bindsubmit="release">
<view class="desc">
标题:
<input style="width:80%;" type="text" name="title" placeholder="请输入标题"/>
</view>
<view>
图片上传
<l-image-picker count="9" bind:linchange="uploadImg" bind:linremove="removeImg"/>
</view>
<view>
</view>
<view class="address" bindtap="address"> 添加位置<l-icon class="icon" name="right" size="30"/>
<input type="text" hidden="true" name="address" value="{{ address }}"/>
</view>
<view class="page-section-title">话题标签</view>
<checkbox-group name="lid">
<block wx:for="{{ lable }}" wx:key="*">
<label><checkbox value="{{ item.id }}"/>{{ item.lable }}</label>
</block>
</checkbox-group>
<view class="page-section page-section-gap">
私密贴 <switch name="is_private"/>
</view>
<button form-type="submit" >发布</button>
</form>
{
"usingComponents": {
"l-image-picker":"/miniprogram_npm/lin-ui/image-picker",
"l-icon":"/miniprogram_npm/lin-ui/icon",
"l-button":"/miniprogram_npm/lin-ui/button"
}
}
.desc{
display: flex;
flex-wrap: nowrap;
flex-direction: row;
margin: 20px;
}
textarea{
width:80%;
border:1px #ccc dashed;
}
.address{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}