<!--packageH/circleCommunity/circleIssue/circlelssue.wxml-->

<import src="../../../wxParse/wxParse.wxml" />
<view class="member" style="background-image:url({{circleBg}})">
    <view class="memberUser">
        <view class="img"><image src="{{circleFace}}"></image></view>
        <text bindtap="editImage" data-type="face">编辑</text>
    </view>
    <view class="upimg" bindtap="editImage" data-type="bg">
        <van-icon name="plus" />
        上传背景
    </view>
 </view>

<view class="wrapper">
	<view class="fromAdd">
		<view class="tip">注：头像建议尺寸 90*90px,背景图建议尺寸 750*294px</view>
		<view class="fromlis">
			<view class="left">圈子名称</view>
			<view class="right">
				<input type="text" model:value="{{name}}" placeholder="请输入圈子名称" class="text" placeholder-class="text" />
			</view>
		</view>
		<view class="fromlis">
			<view class="left">分类</view>
			<view class="right">
				<picker bindchange="bindPickerChange" value="{{categoryIndex}}" range="{{categorys}}" range-key="name">
					<text class="text">{{(categoryIndex!==null) ? categorys[categoryIndex].name : '请选择分类'}}</text>
				</picker>
				<van-icon name="arrow" />
			</view>
		</view>
		<view class="fromlisa">
			<view class="left">简介</view>
			<van-field rows="2" autosize type="textarea" model:value="{{synopsis}}" placeholder="请输入圈子简介~" />
		</view>
		<view class="fromlis">
			<view class="left">圈子类型</view>
			<view class="rightRadio"  wx:if="{{circleId==0}}">
				<view class="radioOne" data-type="0" bindtap="setPayType">
					<view class="cirle {{payType==0 ? 'cirleT' : ''}}"></view>
					<text>免费</text>
				</view>
				<view class="radioOne" data-type="1" bindtap="setPayType">
					<view class="cirle {{payType==1 ? 'cirleT' : ''}}"></view>
					<text>付费</text>
				</view>
			</view>
			<view class="rightRadio"  wx:if="{{circleId!=0}}">
				<view class="radioOne" data-type="0" wx:if="{{payType==0}}">
					<view class="cirle {{payType==0 ? 'cirleT' : ''}}"></view>
					<text>免费</text>
				</view>
				<view class="radioOne" data-type="1" wx:if="{{payType==1}}">
					<view class="cirle {{payType==1 ? 'cirleT' : ''}}"></view>
					<text>付费</text>
				</view>
			</view>
		</view>
		<view class="fromlis" wx:if="{{payType == 1}}">
			<view class="left">费用</view>
			<view class="right">
				<input type="digit" model:value="{{price}}" placeholder="请输入加入费用" />
			</view>
		</view>
	</view>
</view>


<van-popup show="{{ explainFlag }}"  custom-style="background:transparent;">
     <view class="explainWrapper">
          <view class="explainTextWrapper">
               <view class="explainTextTitle">协议说明</view>
               <view class="explainTextContent">
					<view class="notice-main">
						<block wx:if="{{article.nodes}}">
							<template is="wxParse" data="{{wxParseData:article.nodes}}" />
						</block>
					</view>
               </view>
          </view>
          <icon bindtap="setExplainFlag" class="close iconfont icon-adsystem_icon_cancle"></icon>
     </view>
</van-popup>

<view class="sendWrapper">
	<view class="agreement">
		<van-checkbox
			value="{{ agreement }}"
			checked-color="#f15353"
			icon-size="36rpx"
			bind:change="onChangeAgreement">
				<text>阅读并同意</text>
				<text style="color:#3175fe;" catchtap="setExplainFlag">《创建圈子协议》</text>
		</van-checkbox>
	</view>
	<view class="btns">
		<view class="btn" bindtap="submit">提交</view>
	</view>
</view>














