tourism-wxapp/components/app-auth/index.wxml

<view class="container">
	<view class='logo'>
		<image class='logo-img' src='{{logo}}' mode="aspectFit" />
	</view>
	<view class='logo-name'>{{name}}</view>
	<view class='intro'>{{desc}}</view>
	<view class='login'>请完成用户登录以继续使用</view>
	<view class="mark" wx:if="{{agreement}}" catchtap="onCheckAgreement">
		<label class="radio" catchtap="onCheckAgreement">
			<radio value="r1" color="#2c70f7" checked="{{check}}" />
		</label>
		我已阅读且同意
		<view class="text" catchtap="openFile">《{{agreement.title}}》</view>
	</view>
	<button
	 wx:if="{{check || !agreement}}"
	 class='btn-login'
	 open-type="getPhoneNumber"
	 bindgetphonenumber="getPhoneNumber"
	>
		<view class='text'>授权手机登录</view>
	</button>
	<button wx:else class='btn-login' bindtap="getPhoneNumber">
		<view class='text'>授权手机登录</view>
	</button>
	<view class="btn-phone" bind:tap="showDialogBtn">短信验证码登录</view>
	<view class="cancel" bindtap="goBack">取消</view>
</view>
<van-dialog
 use-slot
 title="短信验证码登录"
 show="{{ phoneModal }}"
 show-cancel-button
 bind:close="hideModal"
 bind:confirm="completePhone"
 confirm-button-color='#2c70f7'
 cancel-button-color='#999'
>
	<view class="modal">
		<van-cell-group>
			<van-field
			 label="手机号"
			 model:value="{{ mobile }}"
			 placeholder="请输入手机号"
       maxlength='12'
			 border="{{ false }}"
       type='number'
			/>
			<van-field
			 model:value="{{ verilyCode }}"
			 center
			 clearable
			 label="短信验证码"
			 placeholder="请输入验证码"
			 border="{{ false }}"
			 use-button-slot
			>
				<van-button
				 slot="button"
				 color="#2c70f7"
				 size="small"
				 type="primary"
				 wx:if="{{s != 0}}"
				>
					{{s}}s
				</van-button>
				<van-button
				 wx:else
				 slot="button"
				 color="#2c70f7"
				 size="small"
				 type="primary"
         bind:tap="getPhoneCode"
				>
					发送验证码
				</van-button>
			</van-field>
		</van-cell-group>
	</view>
</van-dialog>

<view class="model" wx:if="{{wxModel}}">
	<view class="model_box">
		<van-icon
		 name="cross"
		 class="post_flex"
		 size="40rpx"
		 bind:tap="onClose"
		/>
		<view class="model_top">
			<view class="company_cover">
				<van-icon size="50rpx" name="{{logo}}" />
				<view class="title">请填写您的微信头像、昵称</view>
			</view>
		</view>
		<view class="desc">99%用户选择使用微信头像和昵称以便为您提供专属服务</view>
		<view class="cell">
			<view class="label">微信头像</view>
			<view class="cont">
				<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
					<image class="avatar {{avatarUrl ? '' : 'avatar_use'}}" src="{{avatarUrl}}" />
				</button>
				<van-icon name="arrow" style="margin-left:10rpx" />
			</view>
		</view>
		<view class="cell">
			<view class="label">微信昵称</view>
			<view class="cont">
				<input
				 type="nickname"
				 class="weui-input"
				 placeholder="请输入微信昵称"
				 model:value="{{nickname}}"
				 bindfocus="onChangeName"
				/>
				<van-icon name="arrow" style="margin-left:10rpx" />
			</view>
		</view>
		<view class="btn" bind:tap="onComplete">确定</view>
	</view>
</view>