div换成view

pagesPublish/rechargeCenter.vue

@@ -21,77 +21,77 @@
 			<template v-if="tindex===0">
 				<template v-if="priceData">
 					<view style="flex: 1;overflow-y: auto;margin-top: 20rpx;">
-						<div class="box-yhj">
-							<div class="box-yhj-top">
-								<div class="box-yhj-top-xs">限时优惠价</div>
-								<div class="box-yhj-top-nr adffcac">
-									<div class="box-yhj-top-nr-title">PERILL团队发展动态评估(基础版)</div>
-									<div class="box-yhj-top-nr-price">￥{{priceData.discountPrice||priceData.price}}</div>
-										<div class="box-yhj-top-nr-yj" v-if="priceData.discountPrice">原价 ￥{{priceData.price}}/次</div>
-										<div class="box-yhj-top-nr-yj" style="margin-top: 50rpx;" v-else></div>
-									</div>
-									<div class="box-yhj-top-tip" v-if="priceData.discountPrice">活动有效期：{{priceData.startDate||''}} ~ {{priceData.endDate||''}}</div>
-									<div class="box-yhj-top-tip" v-else></div>
-							</div>
-							<div class="box-yhj-title">内容配置对比</div>
-							<div class="box-yhj-table">
-								<div class="box-yhj-table-pre adf">
-									<div class="box-yhj-table-pre-qy qy1"></div>
-									<div class="box-yhj-table-pre-qy qy2 active title adfacjc">基础版(个人版)</div>
-									<div class="box-yhj-table-pre-qy qy3 title adfacjc">专业版(团队版-36)</div>
-								</div>
-								<div class="box-yhj-table-pre adf">
-									<div class="box-yhj-table-pre-qy qy1">评估人数</div>
-									<div class="box-yhj-table-pre-qy qy2 adfacjc active nr">仅限个人角度进行评估</div>
-									<div class="box-yhj-table-pre-qy qy3 adffcac nr">团队整体评估<br>成员人数可多至20人</div>
-								</div>
-								<div class="box-yhj-table-pre adf">
-									<div class="box-yhj-table-pre-qy qy1">陈述</div>
-									<div class="box-yhj-table-pre-qy qy2 active nr">36道专业陈述</div>
-									<div class="box-yhj-table-pre-qy qy3 adffcac nr">36道专业陈述</div>
-								</div>
-								<div class="box-yhj-table-pre adf">
-									<div class="box-yhj-table-pre-qy qy1">评估状态</div>
-									<div class="box-yhj-table-pre-qy qy2 active nr">评估团队当前状态</div>
-									<div class="box-yhj-table-pre-qy qy3 adffcac nr">评估团队当前状态</div>
-								</div>
-								<div class="box-yhj-table-pre adf">
-									<div class="box-yhj-table-pre-qy qy1">未来发展</div>
-									<div class="box-yhj-table-pre-qy qy2 active nr">6个维度整体评估报告</div>
-									<div class="box-yhj-table-pre-qy qy3 adffcac nr">评估团队未来发展容量</div>
-								</div>
-								<div class="box-yhj-table-pre adf">
-									<div class="box-yhj-table-pre-qy qy1">评估结果</div>
-									<div class="box-yhj-table-pre-qy qy2 active nr">——</div>
-									<div class="box-yhj-table-pre-qy qy3 adffcac nr">每个维度独立评估结果</div>
-								</div>
-								<div class="box-yhj-table-pre adf">
-									<div class="box-yhj-table-pre-qy qy1">评估建议</div>
-									<div class="box-yhj-table-pre-qy qy2 active nr">——</div>
-									<div class="box-yhj-table-pre-qy qy3 adffcac nr">每个维度独立评估建议</div>
-								</div>
-								<div class="box-yhj-table-pre adf">
-									<div class="box-yhj-table-pre-qy qy1">计划</div>
-									<div class="box-yhj-table-pre-qy qy2 active nr">——</div>
-									<div class="box-yhj-table-pre-qy qy3 adffcac nr">团队发展计划</div>
-								</div>
-								<div class="box-yhj-table-pre adf">
-									<div class="box-yhj-table-pre-qy qy1">教练建议</div>
-									<div class="box-yhj-table-pre-qy qy2 active nr">——</div>
-									<div class="box-yhj-table-pre-qy qy3 adffcac nr">教练专业建议(书面）</div>
-								</div>
-								<div class="box-yhj-table-pre adf">
-									<div class="box-yhj-table-pre-qy qy1">发送报告</div>
-									<div class="box-yhj-table-pre-qy qy2 active nr">——</div>
-									<div class="box-yhj-table-pre-qy qy3 adffcac nr">可向指定人员发送报告</div>
-								</div>
-								<div class="box-yhj-table-pre adf">
-									<div class="box-yhj-table-pre-qy qy1">线上课</div>
-									<div class="box-yhj-table-pre-qy qy2 active nr">——</div>
-									<div class="box-yhj-table-pre-qy qy3 adffcac nr">送1节小鹅通团队教练线上课</div>
-								</div>
-							</div>
-						</div>
+						<view class="box-yhj">
+							<view class="box-yhj-top">
+								<view class="box-yhj-top-xs">限时优惠价</view>
+								<view class="box-yhj-top-nr adffcac">
+									<view class="box-yhj-top-nr-title">PERILL团队发展动态评估(基础版)</view>
+									<view class="box-yhj-top-nr-price">￥{{priceData.discountPrice||priceData.price}}</view>
+										<view class="box-yhj-top-nr-yj" v-if="priceData.discountPrice">原价 ￥{{priceData.price}}/次</view>
+										<view class="box-yhj-top-nr-yj" style="margin-top: 50rpx;" v-else></view>
+									</view>
+									<view class="box-yhj-top-tip" v-if="priceData.discountPrice">活动有效期：{{priceData.startDate||''}} ~ {{priceData.endDate||''}}</view>
+									<view class="box-yhj-top-tip" v-else></view>
+							</view>
+							<view class="box-yhj-title">内容配置对比</view>
+							<view class="box-yhj-table">
+								<view class="box-yhj-table-pre adf">
+									<view class="box-yhj-table-pre-qy qy1"></view>
+									<view class="box-yhj-table-pre-qy qy2 active title adfacjc">基础版(个人版)</view>
+									<view class="box-yhj-table-pre-qy qy3 title adfacjc">专业版(团队版-36)</view>
+								</view>
+								<view class="box-yhj-table-pre adf">
+									<view class="box-yhj-table-pre-qy qy1">评估人数</view>
+									<view class="box-yhj-table-pre-qy qy2 adfacjc active nr">仅限个人角度进行评估</view>
+									<view class="box-yhj-table-pre-qy qy3 adffcac nr">团队整体评估<br>成员人数可多至20人</view>
+								</view>
+								<view class="box-yhj-table-pre adf">
+									<view class="box-yhj-table-pre-qy qy1">陈述</view>
+									<view class="box-yhj-table-pre-qy qy2 active nr">36道专业陈述</view>
+									<view class="box-yhj-table-pre-qy qy3 adffcac nr">36道专业陈述</view>
+								</view>
+								<view class="box-yhj-table-pre adf">
+									<view class="box-yhj-table-pre-qy qy1">评估状态</view>
+									<view class="box-yhj-table-pre-qy qy2 active nr">评估团队当前状态</view>
+									<view class="box-yhj-table-pre-qy qy3 adffcac nr">评估团队当前状态</view>
+								</view>
+								<view class="box-yhj-table-pre adf">
+									<view class="box-yhj-table-pre-qy qy1">未来发展</view>
+									<view class="box-yhj-table-pre-qy qy2 active nr">6个维度整体评估报告</view>
+									<view class="box-yhj-table-pre-qy qy3 adffcac nr">评估团队未来发展容量</view>
+								</view>
+								<view class="box-yhj-table-pre adf">
+									<view class="box-yhj-table-pre-qy qy1">评估结果</view>
+									<view class="box-yhj-table-pre-qy qy2 active nr">——</view>
+									<view class="box-yhj-table-pre-qy qy3 adffcac nr">每个维度独立评估结果</view>
+								</view>
+								<view class="box-yhj-table-pre adf">
+									<view class="box-yhj-table-pre-qy qy1">评估建议</view>
+									<view class="box-yhj-table-pre-qy qy2 active nr">——</view>
+									<view class="box-yhj-table-pre-qy qy3 adffcac nr">每个维度独立评估建议</view>
+								</view>
+								<view class="box-yhj-table-pre adf">
+									<view class="box-yhj-table-pre-qy qy1">计划</view>
+									<view class="box-yhj-table-pre-qy qy2 active nr">——</view>
+									<view class="box-yhj-table-pre-qy qy3 adffcac nr">团队发展计划</view>
+								</view>
+								<view class="box-yhj-table-pre adf">
+									<view class="box-yhj-table-pre-qy qy1">教练建议</view>
+									<view class="box-yhj-table-pre-qy qy2 active nr">——</view>
+									<view class="box-yhj-table-pre-qy qy3 adffcac nr">教练专业建议(书面）</view>
+								</view>
+								<view class="box-yhj-table-pre adf">
+									<view class="box-yhj-table-pre-qy qy1">发送报告</view>
+									<view class="box-yhj-table-pre-qy qy2 active nr">——</view>
+									<view class="box-yhj-table-pre-qy qy3 adffcac nr">可向指定人员发送报告</view>
+								</view>
+								<view class="box-yhj-table-pre adf">
+									<view class="box-yhj-table-pre-qy qy1">线上课</view>
+									<view class="box-yhj-table-pre-qy qy2 active nr">——</view>
+									<view class="box-yhj-table-pre-qy qy3 adffcac nr">送1节小鹅通团队教练线上课</view>
+								</view>
+							</view>
+						</view>
 					</view>
 				</template>
 				<template v-else>
@@ -104,77 +104,77 @@
 			<template v-if="tindex===1">
 				<template v-if="priceData">
 					<view style="flex: 1;overflow-y: auto;margin-top: 20rpx;">
-							<div class="box-yhj">
-								<div class="box-yhj-top">
-									<div class="box-yhj-top-xs">限时优惠价</div>
-									<div class="box-yhj-top-nr adffcac">
-										<div class="box-yhj-top-nr-title">PERILL团队发展动态评估(专业版)</div>
-										<div class="box-yhj-top-nr-price">￥{{priceData.discountPrice||priceData.price}}</div>
-										<div class="box-yhj-top-nr-yj" v-if="priceData.discountPrice">原价 ￥{{priceData.price}}/次</div>
-										<div class="box-yhj-top-nr-yj" style="margin-top: 50rpx;" v-else></div>
-									</div>
-									<div class="box-yhj-top-tip" v-if="priceData.discountPrice">活动有效期：{{priceData.startDate||''}} ~ {{priceData.endDate||''}}</div>
-									<div class="box-yhj-top-tip" v-else></div>
-								</div>
-								<div class="box-yhj-title">内容配置对比</div>
-								<div class="box-yhj-table">
-									<div class="box-yhj-table-pre adf">
-										<div class="box-yhj-table-pre-qy qy1"></div>
-										<div class="box-yhj-table-pre-qy qy2 title adfacjc">基础版(个人版)</div>
-										<div class="box-yhj-table-pre-qy qy3 active title adfacjc">专业版(团队版-36)</div>
-									</div>
-									<div class="box-yhj-table-pre adf">
-										<div class="box-yhj-table-pre-qy qy1">评估人数</div>
-										<div class="box-yhj-table-pre-qy qy2 adfacjc nr">仅限个人角度进行评估</div>
-										<div class="box-yhj-table-pre-qy qy3 adffcac active nr">团队整体评估<br>成员人数可多至20人</div>
-									</div>
-									<div class="box-yhj-table-pre adf">
-										<div class="box-yhj-table-pre-qy qy1">陈述</div>
-										<div class="box-yhj-table-pre-qy qy2 nr">36道专业陈述</div>
-										<div class="box-yhj-table-pre-qy qy3 active adffcac nr">36道专业陈述</div>
-									</div>
-									<div class="box-yhj-table-pre adf">
-										<div class="box-yhj-table-pre-qy qy1">评估状态</div>
-										<div class="box-yhj-table-pre-qy qy2 nr">评估团队当前状态</div>
-										<div class="box-yhj-table-pre-qy qy3 active adffcac nr">评估团队当前状态</div>
-									</div>
-									<div class="box-yhj-table-pre adf">
-										<div class="box-yhj-table-pre-qy qy1">未来发展</div>
-										<div class="box-yhj-table-pre-qy qy2 nr">6个维度整体评估报告</div>
-										<div class="box-yhj-table-pre-qy qy3 active adffcac nr">评估团队未来发展容量</div>
-									</div>
-									<div class="box-yhj-table-pre adf">
-										<div class="box-yhj-table-pre-qy qy1">评估结果</div>
-										<div class="box-yhj-table-pre-qy qy2 nr">——</div>
-										<div class="box-yhj-table-pre-qy qy3 active adffcac nr">每个维度独立评估结果</div>
-									</div>
-									<div class="box-yhj-table-pre adf">
-										<div class="box-yhj-table-pre-qy qy1">评估建议</div>
-										<div class="box-yhj-table-pre-qy qy2 nr">——</div>
-										<div class="box-yhj-table-pre-qy qy3 active adffcac nr">每个维度独立评估建议</div>
-									</div>
-									<div class="box-yhj-table-pre adf">
-										<div class="box-yhj-table-pre-qy qy1">计划</div>
-										<div class="box-yhj-table-pre-qy qy2 nr">——</div>
-										<div class="box-yhj-table-pre-qy qy3 active adffcac nr">团队发展计划</div>
-									</div>
-									<div class="box-yhj-table-pre adf">
-										<div class="box-yhj-table-pre-qy qy1">教练建议</div>
-										<div class="box-yhj-table-pre-qy qy2 nr">——</div>
-										<div class="box-yhj-table-pre-qy qy3 active adffcac nr">教练专业建议(书面）</div>
-									</div>
-									<div class="box-yhj-table-pre adf">
-										<div class="box-yhj-table-pre-qy qy1">发送报告</div>
-										<div class="box-yhj-table-pre-qy qy2 nr">——</div>
-										<div class="box-yhj-table-pre-qy qy3 active adffcac nr">可向指定人员发送报告</div>
-									</div>
-									<div class="box-yhj-table-pre adf">
-										<div class="box-yhj-table-pre-qy qy1">线上课</div>
-										<div class="box-yhj-table-pre-qy qy2 nr">——</div>
-										<div class="box-yhj-table-pre-qy qy3 active adffcac nr">送1节小鹅通团队教练线上课</div>
-									</div>
-								</div>
-							</div>
+							<view class="box-yhj">
+								<view class="box-yhj-top">
+									<view class="box-yhj-top-xs">限时优惠价</view>
+									<view class="box-yhj-top-nr adffcac">
+										<view class="box-yhj-top-nr-title">PERILL团队发展动态评估(专业版)</view>
+										<view class="box-yhj-top-nr-price">￥{{priceData.discountPrice||priceData.price}}</view>
+										<view class="box-yhj-top-nr-yj" v-if="priceData.discountPrice">原价 ￥{{priceData.price}}/次</view>
+										<view class="box-yhj-top-nr-yj" style="margin-top: 50rpx;" v-else></view>
+									</view>
+									<view class="box-yhj-top-tip" v-if="priceData.discountPrice">活动有效期：{{priceData.startDate||''}} ~ {{priceData.endDate||''}}</view>
+									<view class="box-yhj-top-tip" v-else></view>
+								</view>
+								<view class="box-yhj-title">内容配置对比</view>
+								<view class="box-yhj-table">
+									<view class="box-yhj-table-pre adf">
+										<view class="box-yhj-table-pre-qy qy1"></view>
+										<view class="box-yhj-table-pre-qy qy2 title adfacjc">基础版(个人版)</view>
+										<view class="box-yhj-table-pre-qy qy3 active title adfacjc">专业版(团队版-36)</view>
+									</view>
+									<view class="box-yhj-table-pre adf">
+										<view class="box-yhj-table-pre-qy qy1">评估人数</view>
+										<view class="box-yhj-table-pre-qy qy2 adfacjc nr">仅限个人角度进行评估</view>
+										<view class="box-yhj-table-pre-qy qy3 adffcac active nr">团队整体评估<br>成员人数可多至20人</view>
+									</view>
+									<view class="box-yhj-table-pre adf">
+										<view class="box-yhj-table-pre-qy qy1">陈述</view>
+										<view class="box-yhj-table-pre-qy qy2 nr">36道专业陈述</view>
+										<view class="box-yhj-table-pre-qy qy3 active adffcac nr">36道专业陈述</view>
+									</view>
+									<view class="box-yhj-table-pre adf">
+										<view class="box-yhj-table-pre-qy qy1">评估状态</view>
+										<view class="box-yhj-table-pre-qy qy2 nr">评估团队当前状态</view>
+										<view class="box-yhj-table-pre-qy qy3 active adffcac nr">评估团队当前状态</view>
+									</view>
+									<view class="box-yhj-table-pre adf">
+										<view class="box-yhj-table-pre-qy qy1">未来发展</view>
+										<view class="box-yhj-table-pre-qy qy2 nr">6个维度整体评估报告</view>
+										<view class="box-yhj-table-pre-qy qy3 active adffcac nr">评估团队未来发展容量</view>
+									</view>
+									<view class="box-yhj-table-pre adf">
+										<view class="box-yhj-table-pre-qy qy1">评估结果</view>
+										<view class="box-yhj-table-pre-qy qy2 nr">——</view>
+										<view class="box-yhj-table-pre-qy qy3 active adffcac nr">每个维度独立评估结果</view>
+									</view>
+									<view class="box-yhj-table-pre adf">
+										<view class="box-yhj-table-pre-qy qy1">评估建议</view>
+										<view class="box-yhj-table-pre-qy qy2 nr">——</view>
+										<view class="box-yhj-table-pre-qy qy3 active adffcac nr">每个维度独立评估建议</view>
+									</view>
+									<view class="box-yhj-table-pre adf">
+										<view class="box-yhj-table-pre-qy qy1">计划</view>
+										<view class="box-yhj-table-pre-qy qy2 nr">——</view>
+										<view class="box-yhj-table-pre-qy qy3 active adffcac nr">团队发展计划</view>
+									</view>
+									<view class="box-yhj-table-pre adf">
+										<view class="box-yhj-table-pre-qy qy1">教练建议</view>
+										<view class="box-yhj-table-pre-qy qy2 nr">——</view>
+										<view class="box-yhj-table-pre-qy qy3 active adffcac nr">教练专业建议(书面）</view>
+									</view>
+									<view class="box-yhj-table-pre adf">
+										<view class="box-yhj-table-pre-qy qy1">发送报告</view>
+										<view class="box-yhj-table-pre-qy qy2 nr">——</view>
+										<view class="box-yhj-table-pre-qy qy3 active adffcac nr">可向指定人员发送报告</view>
+									</view>
+									<view class="box-yhj-table-pre adf">
+										<view class="box-yhj-table-pre-qy qy1">线上课</view>
+										<view class="box-yhj-table-pre-qy qy2 nr">——</view>
+										<view class="box-yhj-table-pre-qy qy3 active adffcac nr">送1节小鹅通团队教练线上课</view>
+									</view>
+								</view>
+							</view>
 						</view>
 					</template>
 				<template v-else>