Просмотр исходного кода

div改为view;@tap改为@click

htc 9 часов назад
Родитель
Сommit
85f22af06b

+ 4 - 4
components/CusSearch/index.vue

@@ -1,11 +1,11 @@
 <template>
 	<view class="search adfac">
 		<image class="icon" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/19/d568b395-8490-4e44-af30-7fb5288b8bad.png"></image>
-		<div class="input">
+		<view class="input">
 			<up-input :placeholder="placeholder" v-model="keyword" border="none" style="font-size: 26rpx;" @confirm="handleSearch"></up-input>
-		</div>
-		<div class="btn" @tap="handleSearch" v-if="!isCancel">搜索</div>
-		<div class="btn" @tap="handleCancel" v-else>取消</div>
+		</view>
+		<view class="btn" @click="handleSearch" v-if="!isCancel">搜索</view>
+		<view class="btn" @click="handleCancel" v-else>取消</view>
 	</view>
 </template>
 

+ 16 - 16
components/pages/activityCalendar/index.vue

@@ -1,23 +1,23 @@
 <template>
 	<view class="page adffc">
-		<div class="week adf">
-			<div class="week-pre adfacjc" v-for="(w, i) in weeks" :class="{ active: i === 0 || i === 6 }" :key="i">{{ w }}</div>
-		</div>
-		<div class="list">
-			<div class="list-item" v-for="(c,i) in calendarsCopy" :key="i">
-				<div class="title">{{c.monthTitle}}</div>
-				<div class="days">
-					<div class="days-pre" 
+		<view class="week adf">
+			<view class="week-pre adfacjc" v-for="(w, i) in weeks" :class="{ active: i === 0 || i === 6 }" :key="i">{{ w }}</view>
+		</view>
+		<view class="list">
+			<view class="list-item" v-for="(c,i) in calendarsCopy" :key="i">
+				<view class="title">{{c.monthTitle}}</view>
+				<view class="days">
+					<view class="days-pre" 
 					:class="{'active':d.selected&&d.isCurrentMonth,'in':d.inrange&&d.isCurrentMonth}" 
 					v-for="(d,di) in c.days" :key="di">
-						<div class="today" v-if="d.isToday">今天</div>
-						<div class="day adfacjc" :class="{'hui':d.isPast}">{{d.isCurrentMonth?d.day:''}}</div>
-						<div class="se" v-if="d.start&&d.isCurrentMonth">开始</div>
-						<div class="se" v-if="d.end&&d.isCurrentMonth">结束</div>
-					</div>
-				</div>
-			</div>
-		</div>
+						<view class="today" v-if="d.isToday">今天</view>
+						<view class="day adfacjc" :class="{'hui':d.isPast}">{{d.isCurrentMonth?d.day:''}}</view>
+						<view class="se" v-if="d.start&&d.isCurrentMonth">开始</view>
+						<view class="se" v-if="d.end&&d.isCurrentMonth">结束</view>
+					</view>
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 

+ 27 - 27
components/pages/archivesBox/index.vue

@@ -1,40 +1,40 @@
 <template>
 	<view class="ni" v-if="item">
-		<div class="ni-top adfacjb">
-			<div class="ni-top-left adfac">
+		<view class="ni-top adfacjb">
+			<view class="ni-top-left adfac">
 				<image class="avatar" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/4bd05666-201c-4016-acb6-09cd1f554524.png"></image>
-				<div class="name">{{item?.memberName||''}}</div>
+				<view class="name">{{item?.memberName||''}}</view>
 				<image class="sex" v-if="item?.gender==1" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/b6d1fcb3-55ba-4104-b8cd-756b963a4da8.png"></image>
 				<image class="sex" v-else-if="item?.gender==0" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/a1899fd0-c468-48d9-b554-2f17b75a4157.png"></image>
-				<div class="age" :class="{'women':item?.gender==1,'man':item?.gender==0}">{{item?.age||0}}岁</div>
-			</div>
-			<div class="ni-top-right"></div>
-		</div>
-		<div class="ni-info adfacjb">
-			<div class="ni-info-left">
+				<view class="age" :class="{'women':item?.gender==1,'man':item?.gender==0}">{{item?.age||0}}岁</view>
+			</view>
+			<view class="ni-top-right"></view>
+		</view>
+		<view class="ni-info adfacjb">
+			<view class="ni-info-left">
 				<image :src="item?.coverFile||''"></image>
-			</div>
-			<div class="ni-info-right">
-				<div class="title">{{item?.activityName||''}}</div>
-				<div class="tip adf">
-					<div class="tip-left adfac">
+			</view>
+			<view class="ni-info-right">
+				<view class="title">{{item?.activityName||''}}</view>
+				<view class="tip adf">
+					<view class="tip-left adfac">
 						<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/11/201a4250-24a4-412d-9ec9-fc58071d10ea.png"></image>
 						<text>活动时间:</text>
-					</div>
-					<div class="tip-right">{{item?.activityStartTime||''}} ~ {{item?.activityEndTime||''}}</div>
-				</div>
-				<div class="tip adf">
-					<div class="tip-left adfac">
+					</view>
+					<view class="tip-right">{{item?.activityStartTime||''}} ~ {{item?.activityEndTime||''}}</view>
+				</view>
+				<view class="tip adf">
+					<view class="tip-left adfac">
 						<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/11/e9025f86-a59e-4f82-92f0-9d22e846193c.png"></image>
 						<text>活动地点:</text>
-					</div>
-					<div class="tip-right">{{item?.provinceName||''}}{{item?.cityName||''}}</div>
-				</div>
-				<div class="bottom">
-					<div class="btn" @click="handleReview">查看档案</div>
-				</div>
-			</div>
-		</div>
+					</view>
+					<view class="tip-right">{{item?.provinceName||''}}{{item?.cityName||''}}</view>
+				</view>
+				<view class="bottom">
+					<view class="btn" @click="handleReview">查看档案</view>
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 

+ 61 - 61
components/pages/loginRegister/index.vue

@@ -1,28 +1,28 @@
 <template>
 	<view class="login-register" v-if="userStore.showLoginModal">
-		<div class="lr-box" v-if="!userStore.isRegister">
+		<view class="lr-box" v-if="!userStore.isRegister">
 			<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/c79318ee-e219-4f01-9dfb-91d7180a0972.png" class="lr-box-topbg" mode="widthFix"></image>
-			<div class="lr-box-top adfacjb">
+			<view class="lr-box-top adfacjb">
 				<image class="lr-box-top-left" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/64d76db1-be28-4ba2-a8f0-57e2408beebc.png"></image>
-				<image class="lr-box-top-right" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/c3c4fa76-32d2-4d11-915d-5e655c6b5c72.png" @tap="close"></image>
-			</div>
-			<div class="lr-box-title">
+				<image class="lr-box-top-right" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/c3c4fa76-32d2-4d11-915d-5e655c6b5c72.png" @click="close"></image>
+			</view>
+			<view class="lr-box-title">
 				<p class="p">欢迎来到善行少年</p>
 				<p class="p tip">首次登录需要简单填写信息即可进入</p>
-			</div>
-			<div class="lr-box-form">
-				<div class="lr-box-form-item adfacjb">
-					<div class="lr-box-form-item-left adfac">
-						<div class="text" style="margin-right: 32rpx;"><span style="color: #F4657A;">*</span>手机号码</div>
+			</view>
+			<view class="lr-box-form">
+				<view class="lr-box-form-item adfacjb">
+					<view class="lr-box-form-item-left adfac">
+						<view class="text" style="margin-right: 32rpx;"><span style="color: #F4657A;">*</span>手机号码</view>
 						<up-input v-model="register.phone" border="none" placeholder="请输入手机号码"></up-input>
-					</div>
-					<div class="lr-box-form-item-right">
+					</view>
+					<view class="lr-box-form-item-right">
 						<button class="yjsq" open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumber" privacy-desc="用于获取您的手机号码,方便您快速注册。">一键授权</button>
-					</div>
-				</div>
-				<div class="lr-box-form-item adfacjb">
-					<div class="lr-box-form-item-left adfac">
-						<div class="text"><span style="color: #F4657A;">*</span>头像</div>
+					</view>
+				</view>
+				<view class="lr-box-form-item adfacjb">
+					<view class="lr-box-form-item-left adfac">
+						<view class="text"><span style="color: #F4657A;">*</span>头像</view>
 						<!-- <image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/a2944f51-2c7b-41e7-8206-8a3be1f76d11.png" v-if="!register.avatarPath"></image>
 						<image :src="register.avatarPath"></image> -->
 						<up-upload
@@ -36,57 +36,57 @@
 							<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/a2944f51-2c7b-41e7-8206-8a3be1f76d11.png" 
 							mode="widthFix" style="width: 120rpx;height: 120rpx;"></image>
 						</up-upload>
-					</div>
-					<div class="lr-box-form-item-right">
+					</view>
+					<view class="lr-box-form-item-right">
 						<button class="yjsq" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">设置</button>
-					</div>
-				</div>
-				<div class="lr-box-form-item adfacjb">
-					<div class="lr-box-form-item-left">
-						<div class="text"><span style="color: #F4657A;">*</span>用户名</div>
-					</div>
-					<div class="lr-box-form-item-right">
+					</view>
+				</view>
+				<view class="lr-box-form-item adfacjb">
+					<view class="lr-box-form-item-left">
+						<view class="text"><span style="color: #F4657A;">*</span>用户名</view>
+					</view>
+					<view class="lr-box-form-item-right">
 						<up-input v-model="register.nickName" border="none" inputAlign="right" placeholder="请输入真实姓名"></up-input>
-					</div>
-				</div>
-				<div class="lr-box-form-item adfacjb">
-					<div class="lr-box-form-item-left">
-						<div class="text">家庭公益名称</div>
-					</div>
-					<div class="lr-box-form-item-right">
+					</view>
+				</view>
+				<view class="lr-box-form-item adfacjb">
+					<view class="lr-box-form-item-left">
+						<view class="text">家庭公益名称</view>
+					</view>
+					<view class="lr-box-form-item-right">
 						<up-input v-model="register.welfareName" border="none" inputAlign="right" placeholder="请输入至少三个字"></up-input>
-					</div>
-				</div>
-				<div class="lr-box-form-item adfacjb">
-					<div class="lr-box-form-item-left">
-						<div class="text">家庭公益口号</div>
-					</div>
-					<div class="lr-box-form-item-right">
+					</view>
+				</view>
+				<view class="lr-box-form-item adfacjb">
+					<view class="lr-box-form-item-left">
+						<view class="text">家庭公益口号</view>
+					</view>
+					<view class="lr-box-form-item-right">
 						<up-input v-model="register.welfareSlogan" border="none" inputAlign="right" placeholder="家庭公益口号"></up-input>
-					</div>
-				</div>
-			</div>
-			<div class="lr-box-btns">
-				<div class="btn" @tap="toRegister">立即注册</div>
-				<div class="btn login" @tap="readLogin">已有账号,去登录</div>
-			</div>
-		</div>
-		<div class="lr-box login" v-else>
+					</view>
+				</view>
+			</view>
+			<view class="lr-box-btns">
+				<view class="btn" @click="toRegister">立即注册</view>
+				<view class="btn login" @click="readLogin">已有账号,去登录</view>
+			</view>
+		</view>
+		<view class="lr-box login" v-else>
 			<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/c79318ee-e219-4f01-9dfb-91d7180a0972.png" class="lr-box-topbg" mode="widthFix"></image>
-			<div class="lr-box-top login adfacjb">
+			<view class="lr-box-top login adfacjb">
 				<image class="lr-box-top-left login" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/d0f892c8-1f96-4c86-b62b-a8b027b4bf6e.png"></image>
-				<image class="lr-box-top-right" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/c3c4fa76-32d2-4d11-915d-5e655c6b5c72.png" @tap="close"></image>
-			</div>
-			<div class="lr-box-memo">公益献爱心 真情暖人心!</div>
-			<div class="lr-box-agree adfac">
-				<image v-if="agree" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/87b5b244-d14f-43cd-991b-4ac9f48d909e.png" @tap="changeAgree"></image>
-				<image v-else src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/b8a5cabd-57f8-4ad7-9677-f6372423c50a.png" @tap="changeAgree"></image>
-				<div class="text">我已阅读并同意<span>《善行少年小程序隐私政策》</span>及<span>《善行少年服务协议》</span></div>
-			</div>
-			<div class="lr-box-login">
+				<image class="lr-box-top-right" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/c3c4fa76-32d2-4d11-915d-5e655c6b5c72.png" @click="close"></image>
+			</view>
+			<view class="lr-box-memo">公益献爱心 真情暖人心!</view>
+			<view class="lr-box-agree adfac">
+				<image v-if="agree" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/87b5b244-d14f-43cd-991b-4ac9f48d909e.png" @click="changeAgree"></image>
+				<image v-else src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/b8a5cabd-57f8-4ad7-9677-f6372423c50a.png" @click="changeAgree"></image>
+				<view class="text">我已阅读并同意<span>《善行少年小程序隐私政策》</span>及<span>《善行少年服务协议》</span></view>
+			</view>
+			<view class="lr-box-login">
 				<button class="phone-login" open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumberLogin" privacy-desc="用于获取您的手机号码,方便您进行登录。">手机号登录</button>
-			</div>
-		</div>
+			</view>
+		</view>
 	</view>
 </template>
 

+ 24 - 24
components/pages/nonprofitActivety/index.vue

@@ -1,35 +1,35 @@
 <template>
-	<view class="nonprofit-activety" @tap.self="handleDetail(item)" v-if="item">
-		<div class="na-top adf">
-			<div class="na-top-left">
+	<view class="nonprofit-activety" @click.self="handleDetail(item)" v-if="item">
+		<view class="na-top adf">
+			<view class="na-top-left">
 				<image :src="item.coverFile"></image>
-				<div class="na-top-left-status">{{statusCfg[item.activeState]}}</div>
-			</div>
-			<div class="na-top-right">
+				<view class="na-top-left-status">{{statusCfg[item.activeState]}}</view>
+			</view>
+			<view class="na-top-right">
 				<p>{{item.activityName||''}}</p>
-				<div class="tip adf">
-					<div class="tip-left adfac">
+				<view class="tip adf">
+					<view class="tip-left adfac">
 						<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/11/201a4250-24a4-412d-9ec9-fc58071d10ea.png"></image>
 						<text>截止报名:</text>
-					</div>
-					<!-- <div class="tip-right">{{item.endTimeText}}</div> -->
-					<div class="tip-right">{{item.signupEndTime||'暂无'}}</div>
-				</div>
-				<div class="tip adf">
-					<div class="tip-left adfac">
+					</view>
+					<!-- <view class="tip-right">{{item.endTimeText}}</view> -->
+					<view class="tip-right">{{item.signupEndTime||'暂无'}}</view>
+				</view>
+				<view class="tip adf">
+					<view class="tip-left adfac">
 						<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/11/e9025f86-a59e-4f82-92f0-9d22e846193c.png"></image>
 						<text>活动地点:</text>
-					</div>
-					<div class="tip-right">{{item.provinceName||''}}{{item.cityName||''}}</div>
-				</div>
-			</div>
-		</div>
-		<div class="na-bottom adfacjb">
-			<div class="na-bottom-left adf">
+					</view>
+					<view class="tip-right">{{item.provinceName||''}}{{item.cityName||''}}</view>
+				</view>
+			</view>
+		</view>
+		<view class="na-bottom adfacjb">
+			<view class="na-bottom-left adf">
 				已报名&nbsp;&nbsp;<strong>{{item.recruitmentNow}}</strong>/{{item.recruitmentMax===0?'无限制':(item.recruitmentMax+'&nbsp;&nbsp;人')}}
-			</div>
-			<!-- <div class="na-bottom-right" @tap.stop="toApply">立即报名</div> -->
-		</div>
+			</view>
+			<!-- <view class="na-bottom-right" @click.stop="toApply">立即报名</view> -->
+		</view>
 	</view>
 </template>
 

+ 31 - 31
components/pages/nonprofitItem/index.vue

@@ -1,44 +1,44 @@
 <template>
 	<view class="ni" v-if="item">
-		<div class="ni-top adfacjb">
-			<div class="ni-top-left adfac">
+		<view class="ni-top adfacjb">
+			<view class="ni-top-left adfac">
 				<image class="avatar" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/4bd05666-201c-4016-acb6-09cd1f554524.png"></image>
-				<div class="name">{{item?.memberName||''}}</div>
+				<view class="name">{{item?.memberName||''}}</view>
 				<image class="sex" v-if="item?.gender==1" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/b6d1fcb3-55ba-4104-b8cd-756b963a4da8.png"></image>
 				<image class="sex" v-else-if="item?.gender==0" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/a1899fd0-c468-48d9-b554-2f17b75a4157.png"></image>
-				<div class="age" :class="{'women':item?.gender==1,'man':item?.gender==0}">{{item?.age||0}}岁</div>
-			</div>
-			<div class="ni-top-right" :class="{'grey':item.signupState==-1||item.signupState==3}">{{statusDict[item?.signupState]||''}}</div>
-		</div>
-		<div class="ni-info adfacjb">
-			<div class="ni-info-left">
+				<view class="age" :class="{'women':item?.gender==1,'man':item?.gender==0}">{{item?.age||0}}岁</view>
+			</view>
+			<view class="ni-top-right" :class="{'grey':item.signupState==-1||item.signupState==3}">{{statusDict[item?.signupState]||''}}</view>
+		</view>
+		<view class="ni-info adfacjb">
+			<view class="ni-info-left">
 				<image :src="item?.coverFile||''"></image>
-			</div>
-			<div class="ni-info-right">
-				<div class="title">{{item?.activityName||''}}</div>
-				<div class="tip adf">
-					<div class="tip-left adfac">
+			</view>
+			<view class="ni-info-right">
+				<view class="title">{{item?.activityName||''}}</view>
+				<view class="tip adf">
+					<view class="tip-left adfac">
 						<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/11/201a4250-24a4-412d-9ec9-fc58071d10ea.png"></image>
 						<text>活动时间:</text>
-					</div>
-					<div class="tip-right">{{item?.activityStartTime||''}} ~ {{item?.activityEndTime||''}}</div>
-				</div>
-				<div class="tip adf">
-					<div class="tip-left adfac">
+					</view>
+					<view class="tip-right">{{item?.activityStartTime||''}} ~ {{item?.activityEndTime||''}}</view>
+				</view>
+				<view class="tip adf">
+					<view class="tip-left adfac">
 						<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/11/e9025f86-a59e-4f82-92f0-9d22e846193c.png"></image>
 						<text>活动地点:</text>
-					</div>
-					<div class="tip-right">{{item?.provinceName||''}}{{item?.cityName||''}}</div>
-				</div>
-				<div class="bottom">
-					<div class="btn" v-if="item.activeState==1&&item.signupState==1">取消报名</div>
-					<div class="btn" v-if="item.activeState==1&&item.signupState==-1">立即报名</div>
-					<div class="btn" v-if="item.activeState==2&&item.signupState==1">去签到</div>
-					<div class="btn" v-if="item.activeState==3&&item.signupState==2">写档案</div>
-					<div class="btn" v-if="item.activeState==3&&item.signupState==3">查看档案</div>
-				</div>
-			</div>
-		</div>
+					</view>
+					<view class="tip-right">{{item?.provinceName||''}}{{item?.cityName||''}}</view>
+				</view>
+				<view class="bottom">
+					<view class="btn" v-if="item.activeState==1&&item.signupState==1">取消报名</view>
+					<view class="btn" v-if="item.activeState==1&&item.signupState==-1">立即报名</view>
+					<view class="btn" v-if="item.activeState==2&&item.signupState==1">去签到</view>
+					<view class="btn" v-if="item.activeState==3&&item.signupState==2">写档案</view>
+					<view class="btn" v-if="item.activeState==3&&item.signupState==3">查看档案</view>
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 

+ 25 - 25
components/pages/practiceBox/index.vue

@@ -1,40 +1,40 @@
 <template>
 	<view class="ni" v-if="item" @click="handleCheck">
-		<div class="ni-top adfacjb">
-			<div class="ni-top-left adfac">
+		<view class="ni-top adfacjb">
+			<view class="ni-top-left adfac">
 				<image class="avatar" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/4bd05666-201c-4016-acb6-09cd1f554524.png"></image>
-				<div class="name">{{item?.memberName}}</div>
+				<view class="name">{{item?.memberName}}</view>
 				<image class="sex" v-if="item.gender==1" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/b6d1fcb3-55ba-4104-b8cd-756b963a4da8.png"></image>
 				<image class="sex" v-else-if="item.gender==0" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/a1899fd0-c468-48d9-b554-2f17b75a4157.png"></image>
-				<div class="age" :class="{'women':item.gender==1,'man':item.gender==0}">{{item?.age||0}}岁</div>
-			</div>
-			<div class="ni-top-right">
+				<view class="age" :class="{'women':item.gender==1,'man':item.gender==0}">{{item?.age||0}}岁</view>
+			</view>
+			<view class="ni-top-right">
 					<image v-if="item?.check" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/87b5b244-d14f-43cd-991b-4ac9f48d909e.png"></image>
 					<image v-else src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/12/b8a5cabd-57f8-4ad7-9677-f6372423c50a.png"></image>
-			</div>
-		</div>
-		<div class="ni-info adf">
-			<div class="ni-info-left">
+			</view>
+		</view>
+		<view class="ni-info adf">
+			<view class="ni-info-left">
 				<image :src="item.coverFile"></image>
-			</div>
-			<div class="ni-info-right">
-				<div class="title">{{item?.activityName||''}}</div>
-				<div class="tip adf">
-					<div class="tip-left adfac">
+			</view>
+			<view class="ni-info-right">
+				<view class="title">{{item?.activityName||''}}</view>
+				<view class="tip adf">
+					<view class="tip-left adfac">
 						<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/11/201a4250-24a4-412d-9ec9-fc58071d10ea.png"></image>
 						<text>活动时间:</text>
-					</div>
-					<div class="tip-right">{{item?.activityStartTime||''}} ~ {{item?.activityEndTime||''}}</div>
-				</div>
-				<div class="tip adf">
-					<div class="tip-left adfac">
+					</view>
+					<view class="tip-right">{{item?.activityStartTime||''}} ~ {{item?.activityEndTime||''}}</view>
+				</view>
+				<view class="tip adf">
+					<view class="tip-left adfac">
 						<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/11/e9025f86-a59e-4f82-92f0-9d22e846193c.png"></image>
 						<text>活动地点:</text>
-					</div>
-					<div class="tip-right">{{item?.provinceName||''}}{{item?.cityName||''}}</div>
-				</div>
-			</div>
-		</div>
+					</view>
+					<view class="tip-right">{{item?.provinceName||''}}{{item?.cityName||''}}</view>
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 

+ 2 - 2
pages/home.vue

@@ -27,11 +27,11 @@
 			</view>
 			<view class="c-box-title adfacjb">
 				<view class="c-box-title-left">公益活动</view>
-				<view class="c-box-title-right adfac" @tap="toTurnPage('/pagesHome/allActivity',false)">更多 <up-icon name="arrow-right" size="30rpx" style="margin-left: 10rpx;"></up-icon></view>
+				<view class="c-box-title-right adfac" @click="toTurnPage('/pagesHome/allActivity',false)">更多 <up-icon name="arrow-right" size="30rpx" style="margin-left: 10rpx;"></up-icon></view>
 			</view>
 			<view class="c-box-type">
 				<scroll-view class="scroll-view_H" scroll-x="true" scroll-with-animation="true" :scroll-left="scrollLeft">
-					<view class="scroll-view-item_H" :id="'svih_'+index" v-for="(item,index) in typeList" :key="index" @tap="changeType(item,index)">
+					<view class="scroll-view-item_H" :id="'svih_'+index" v-for="(item,index) in typeList" :key="index" @click="changeType(item,index)">
 						<view class="cl_item" :class="{'active':tlIndex===index}">
 							<text>{{item.name}}</text>
 						</view>

+ 10 - 10
pages/nonprofit.vue

@@ -3,21 +3,21 @@
 		<up-navbar title="我的公益" bgColor="#FFFFFF">
 			<template #left></template>
 		</up-navbar>
-		<div class="tab adf">
-			<div class="tab-pre" :class="{'active':tidx===1}" @tap="changeTab(1)">未开始</div>
-			<div class="tab-pre" :class="{'active':tidx===2}" @tap="changeTab(2)">进行中</div>
-			<div class="tab-pre" :class="{'active':tidx===3}" @tap="changeTab(3)">已结束</div>
-		</div>
-		<div class="list" v-if="list.length">
+		<view class="tab adf">
+			<view class="tab-pre" :class="{'active':tidx===1}" @click="changeTab(1)">未开始</view>
+			<view class="tab-pre" :class="{'active':tidx===2}" @click="changeTab(2)">进行中</view>
+			<view class="tab-pre" :class="{'active':tidx===3}" @click="changeTab(3)">已结束</view>
+		</view>
+		<view class="list" v-if="list.length">
 			<up-list @scrolltolower="scrolltolower" style="height: 100%;">
 				<up-list-item v-for="(item, index) in list" :key="index">
-					<NonprofitItem :item="item" @tap="toDetail(item)"></NonprofitItem>
+					<NonprofitItem :item="item" @click="toDetail(item)"></NonprofitItem>
 				</up-list-item>
 			</up-list>
-		</div>
-		<div class="dataEmpty" v-else>
+		</view>
+		<view class="dataEmpty" v-else>
 			<page-empty :text="text"></page-empty>
-		</div>
+		</view>
 		<CusTabbar :tabbarIndex="1"></CusTabbar>
 	</view>
 </template>

+ 42 - 42
pagesHome/applyMemberVindicate.vue

@@ -1,64 +1,64 @@
 <template>
 	<view class="common_page" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
 		<cus-header :title="title" bgColor="#FFFFFF"></cus-header>
-		<div class="form">
-			<div class="title">报名人员信息</div>
-			<div class="pre adfac" style="margin-top: 40rpx;">
-				<div class="pre-title"><span>*</span>人员类型</div>
-				<div class="pre-content adfac">
-					<div class="pre-content-box adfac" @tap="changeMember(1,'personnelType')">
+		<view class="form">
+			<view class="title">报名人员信息</view>
+			<view class="pre adfac" style="margin-top: 40rpx;">
+				<view class="pre-title"><span>*</span>人员类型</view>
+				<view class="pre-content adfac">
+					<view class="pre-content-box adfac" @click="changeMember(1,'personnelType')">
 						<image v-if="memberInfo.personnelType==1" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/09/9efae012-a9fd-4a0d-9e14-7ec90001e712.png"></image>
 						<image v-else src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/09/5ae64305-d1e0-4ffe-8dc0-f9d3704ac370.png"></image>
 						<text>成人</text>
-					</div>
-					<div class="pre-content-box adfac" @tap="changeMember(2,'personnelType')">
+					</view>
+					<view class="pre-content-box adfac" @click="changeMember(2,'personnelType')">
 						<image v-if="memberInfo.personnelType==2" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/09/9efae012-a9fd-4a0d-9e14-7ec90001e712.png"></image>
 						<image v-else src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/09/5ae64305-d1e0-4ffe-8dc0-f9d3704ac370.png"></image>
 						<text>学生</text>
-					</div>
-				</div>
-			</div>
-			<div class="pre adfac">
-				<div class="pre-title"><span>*</span>姓名</div>
-				<div class="pre-content">
+					</view>
+				</view>
+			</view>
+			<view class="pre adfac">
+				<view class="pre-title"><span>*</span>姓名</view>
+				<view class="pre-content">
 					<up-input v-model="memberInfo.name" border="none" style="font-size: 30rpx;color: #252525;" placeholder="请输入姓名"></up-input>
-				</div>
-			</div>
-			<div class="pre adfac">
-				<div class="pre-title"><span>*</span>身份证</div>
-				<div class="pre-content">
+				</view>
+			</view>
+			<view class="pre adfac">
+				<view class="pre-title"><span>*</span>身份证</view>
+				<view class="pre-content">
 					<up-input v-model="memberInfo.idCard" border="none" style="font-size: 30rpx;color: #252525;" placeholder="请输入身份证"></up-input>
-				</div>
-			</div>
-			<div class="pre adfac">
-				<div class="pre-title"><span style="color: #FFFFFF;">*</span>义工号</div>
-				<div class="pre-content">
+				</view>
+			</view>
+			<view class="pre adfac">
+				<view class="pre-title"><span style="color: #FFFFFF;">*</span>义工号</view>
+				<view class="pre-content">
 					<up-input v-model="memberInfo.volunteerNo" border="none" style="font-size: 30rpx;color: #252525;" placeholder="请输入义工号"></up-input>
-				</div>
-			</div>
-			<div class="pre adfac">
-				<div class="pre-title"><span>*</span>性别</div>
-				<div class="pre-content adfac">
-					<div class="pre-content-box adfac" @tap="changeMember(0,'gender')">
+				</view>
+			</view>
+			<view class="pre adfac">
+				<view class="pre-title"><span>*</span>性别</view>
+				<view class="pre-content adfac">
+					<view class="pre-content-box adfac" @click="changeMember(0,'gender')">
 						<image v-if="memberInfo.gender==0" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/09/9efae012-a9fd-4a0d-9e14-7ec90001e712.png"></image>
 						<image v-else src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/09/5ae64305-d1e0-4ffe-8dc0-f9d3704ac370.png"></image>
 						<text>男</text>
-					</div>
-					<div class="pre-content-box adfac" @tap="changeMember(1,'gender')">
+					</view>
+					<view class="pre-content-box adfac" @click="changeMember(1,'gender')">
 						<image v-if="memberInfo.gender==1" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/09/9efae012-a9fd-4a0d-9e14-7ec90001e712.png"></image>
 						<image v-else src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/09/5ae64305-d1e0-4ffe-8dc0-f9d3704ac370.png"></image>
 						<text>女</text>
-					</div>
-				</div>
-			</div>
-			<div class="pre adfac" v-if="memberInfo.personnelType==2">
-				<div class="pre-title"><span>*</span>就读学校</div>
-				<div class="pre-content">
+					</view>
+				</view>
+			</view>
+			<view class="pre adfac" v-if="memberInfo.personnelType==2">
+				<view class="pre-title"><span>*</span>就读学校</view>
+				<view class="pre-content">
 					<up-input v-model="memberInfo.currentSchool" border="none" style="font-size: 30rpx;color: #252525;" placeholder="请输入就读学校"></up-input>
-				</div>
-			</div>
-		</div>
-		<div class="btn" @tap="handleSave">保存</div>
+				</view>
+			</view>
+		</view>
+		<view class="btn" @click="handleSave">保存</view>
 	</view>
 </template>
 

+ 6 - 6
pagesHome/applyResult.vue

@@ -2,12 +2,12 @@
 	<view class="common_page adffcac" :style="{'height':h+'px', 'padding-top':mt+'px'}">
 		<cus-header title="报名结果" bgColor="#FFFFFF"></cus-header>
 		<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/10/27e14800-8f8f-4ebc-a8cb-77401a627225.png"></image>
-		<div class="title">报名成功</div>
-		<div class="tip">您可去我的公益里查看活动进度及详情~</div>
-		<div class="btns adfacjb">
-			<div class="btn adfacjc" @click="handleTurn('/pages/nonprofit')">我的公益</div>
-			<div class="btn adfacjc home" @click="handleTurn('/pages/home')">返回首页</div>
-		</div>
+		<view class="title">报名成功</view>
+		<view class="tip">您可去我的公益里查看活动进度及详情~</view>
+		<view class="btns adfacjb">
+			<view class="btn adfacjc" @click="handleTurn('/pages/nonprofit')">我的公益</view>
+			<view class="btn adfacjc home" @click="handleTurn('/pages/home')">返回首页</view>
+		</view>
 	</view>
 </template>
 

+ 28 - 28
pagesHome/fillNonprofitArchives.vue

@@ -2,32 +2,32 @@
 	<view class="common_page" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
 		<cus-header title="填写公益档案" bgColor="transparent"></cus-header>
 		<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/19/54b75bc8-d926-449b-95a5-1126f700b481.png" class="top_bg_img" mode="widthFix"></image>
-		<div class="box" v-if="activity">
-			<div class="box-title">活动信息</div>
-			<div class="box-pre adf">
-				<div class="box-pre-left">活动名称</div>
-				<div class="box-pre-right">{{activity?.activityName||''}}</div>
-			</div>
-			<div class="box-pre adf">
-				<div class="box-pre-left">人员姓名</div>
-				<div class="box-pre-right">{{activity?.memberName||''}}</div>
-			</div>
-			<div class="box-pre adf">
-				<div class="box-pre-left">参与时间</div>
-				<div class="box-pre-right">{{activity?.signinTime||''}}</div>
-			</div>
-			<div class="box-pre adf">
-				<div class="box-pre-left">公益支持</div>
-				<div class="box-pre-right">{{activity?.channelName||''}}</div>
-			</div>
-		</div>
-		<div class="box">
-			<div class="box-title">活动心得</div>
+		<view class="box" v-if="activity">
+			<view class="box-title">活动信息</view>
+			<view class="box-pre adf">
+				<view class="box-pre-left">活动名称</view>
+				<view class="box-pre-right">{{activity?.activityName||''}}</view>
+			</view>
+			<view class="box-pre adf">
+				<view class="box-pre-left">人员姓名</view>
+				<view class="box-pre-right">{{activity?.memberName||''}}</view>
+			</view>
+			<view class="box-pre adf">
+				<view class="box-pre-left">参与时间</view>
+				<view class="box-pre-right">{{activity?.signinTime||''}}</view>
+			</view>
+			<view class="box-pre adf">
+				<view class="box-pre-left">公益支持</view>
+				<view class="box-pre-right">{{activity?.channelName||''}}</view>
+			</view>
+		</view>
+		<view class="box">
+			<view class="box-title">活动心得</view>
 			<up-textarea v-model="experience" placeholder="请分享参加公益活动心得,至少输入10个字~" count border="none" style="height: 250rpx;margin-top: 28rpx;padding: 0;font-size: 26rpx;color: #252525;"></up-textarea>
-		</div>
-		<div class="box">
-			<div class="box-title">活动照片<text>(分享活动照片)</text></div>
-			<div class="box-img">
+		</view>
+		<view class="box">
+			<view class="box-title">活动照片<text>(分享活动照片)</text></view>
+			<view class="box-img">
 				<up-upload
 					:fileList="fileList"
 					@afterRead="afterRead"
@@ -40,9 +40,9 @@
 					<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/29/b04d6b0e-0d30-4043-a2b1-d639e15e2aac.png" 
 					mode="widthFix" style="width: 160rpx;height: 160rpx;"></image>
 				</up-upload>
-			</div>
-		</div>
-		<div class="btn" @click="handleSubmit">提交</div>
+			</view>
+		</view>
+		<view class="btn" @click="handleSubmit">提交</view>
 	</view>
 </template>
 

+ 6 - 6
pagesHome/fillNonprofitResult.vue

@@ -2,12 +2,12 @@
 	<view class="common_page adffcac" :style="{'height':h+'px', 'padding-top':mt+'px'}">
 		<cus-header title="填写公益档案" bgColor="#FFFFFF"></cus-header>
 		<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/10/27e14800-8f8f-4ebc-a8cb-77401a627225.png"></image>
-		<div class="title">公益档案提交成功</div>
-		<div class="tip">您可去我的公益里查看活动进度及详情~</div>
-		<div class="btns adfacjb">
-			<div class="btn adfacjc" @click="handleTurn('/pages/nonprofit')">我的公益</div>
-			<div class="btn adfacjc home" @click="handleTurn('/pages/home')">返回首页</div>
-		</div>
+		<view class="title">公益档案提交成功</view>
+		<view class="tip">您可去我的公益里查看活动进度及详情~</view>
+		<view class="btns adfacjb">
+			<view class="btn adfacjc" @click="handleTurn('/pages/nonprofit')">我的公益</view>
+			<view class="btn adfacjc home" @click="handleTurn('/pages/home')">返回首页</view>
+		</view>
 	</view>
 </template>
 

+ 14 - 14
pagesHome/recruitsNumber.vue

@@ -1,23 +1,23 @@
 <template>
 	<view class="common_page adffc" :style="{'height':h+'px', 'padding-top':mt+'px'}">
 		<cus-header title="招募人数" bgColor="#FFFFFF"></cus-header>
-		<div class="box num">
-			<div class="num-pre">招募人数<text>{{recruitmentMax?(recruitmentMax+'人'):'无限制'}}</text></div>
-			<div class="num-pre line">已报名<text>{{ybmNum}}人</text></div>
-			<div class="num-pre">最少报名人数<text>{{recruitmentMax?(recruitmentMin+'人'):'无限制'}}</text></div>
-		</div>
-		<div class="box list" v-if="list.length">
-			<div class="list-pre adfacjb" v-for="(item,index) in list" :key="index">
-				<div class="list-pre-left adfac">
+		<view class="box num">
+			<view class="num-pre">招募人数<text>{{recruitmentMax?(recruitmentMax+'人'):'无限制'}}</text></view>
+			<view class="num-pre line">已报名<text>{{ybmNum}}人</text></view>
+			<view class="num-pre">最少报名人数<text>{{recruitmentMax?(recruitmentMin+'人'):'无限制'}}</text></view>
+		</view>
+		<view class="box list" v-if="list.length">
+			<view class="list-pre adfacjb" v-for="(item,index) in list" :key="index">
+				<view class="list-pre-left adfac">
 					<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/10/a56db26d-4149-4f6a-8272-2c3d4af0a6a8.png"></image>
 					<text>{{item.name||''}}</text>
-				</div>
-				<div class="list-pre-right">{{item.createDate||''}}</div>
-			</div>
-		</div>
-		<div class="empty adffcacjc" v-else>
+				</view>
+				<view class="list-pre-right">{{item.createDate||''}}</view>
+			</view>
+		</view>
+		<view class="empty adffcacjc" v-else>
 			暂无善行少年报名<br>期待您的参与
-		</div>
+		</view>
 	</view>
 </template>
 

+ 6 - 6
pagesHome/searchActivity.vue

@@ -2,13 +2,13 @@
 	<view class="common_page adffc" :style="{'height':h+'px', 'padding-top':mt+'px'}">
 		<cus-header title="搜索" bgColor="transparent"></cus-header>
 		<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/19/54b75bc8-d926-449b-95a5-1126f700b481.png" class="top_bg_img" mode="widthFix"></image>
-		<div class="top-search">
+		<view class="top-search">
 			<cus-search :isCancel="true" @handleSearch="handleSearch" @handleCancel="handleCancel"></cus-search>
-		</div>
-		<div class="text">最近搜索</div>
-		<div class="list">
-			<div class="pre" v-for="(item,index) in list" :key="index" @click="handleSearch(item)">{{item}}</div>
-		</div>
+		</view>
+		<view class="text">最近搜索</view>
+		<view class="list">
+			<view class="pre" v-for="(item,index) in list" :key="index" @click="handleSearch(item)">{{item}}</view>
+		</view>
 	</view>
 </template>
 

+ 3 - 3
pagesHome/signSuccess.vue

@@ -2,9 +2,9 @@
 	<view class="common_page adffcac" :style="{'height':h+'px', 'padding-top':mt+'px'}">
 		<cus-header title="签到成功" bgColor="#FFFFFF"></cus-header>
 		<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/10/27e14800-8f8f-4ebc-a8cb-77401a627225.png"></image>
-		<div class="title">签到成功</div>
-		<div class="tip">快去参加活动吧~</div>
-		<div class="btn" @click="handleTurn('/pages/home')">返回首页</div>
+		<view class="title">签到成功</view>
+		<view class="tip">快去参加活动吧~</view>
+		<view class="btn" @click="handleTurn('/pages/home')">返回首页</view>
 	</view>
 </template>
 

+ 7 - 7
pagesMy/archives.vue

@@ -1,26 +1,26 @@
 <template>
 	<view class="common_page adffc" :style="{'height':h+'px', 'padding-top':mt+'px'}">
 		<cus-header title="我的档案" bgColor="#FFFFFF"></cus-header>
-		<div class="member">
+		<view class="member">
 			<scroll-view class="scroll-view_H" scroll-x="true" scroll-with-animation="true" :scroll-left="scrollLeft">
-				<view class="scroll-view-item_H" :id="'svih_'+index" v-for="(item,index) in memberList" :key="index" @tap="changeMember(item,index)">
+				<view class="scroll-view-item_H" :id="'svih_'+index" v-for="(item,index) in memberList" :key="index" @click="changeMember(item,index)">
 					<view class="cl_item" :class="{'active':midx===index}">
 						<text>{{item.name}}</text>
 					</view>
 				</view>
 			</scroll-view>
-		</div>
-		<div class="list" v-if="list.length">
+		</view>
+		<view class="list" v-if="list.length">
 			<up-list @scrolltolower="scrolltolower" style="height: 100%;">
 				<up-list-item v-for="(item, index) in list" :key="index">
 					<ArchivesBox :item="item" @handleReviewFile="handleReview"></ArchivesBox>
 				</up-list-item>
 			</up-list>
 			<ArchivesBox v-for="(item,index) in list" :key="index"></ArchivesBox>
-		</div>
-		<div class="dataEmpty" v-else>
+		</view>
+		<view class="dataEmpty" v-else>
 			<page-empty text="暂无档案记录"></page-empty>
-		</div>
+		</view>
 	</view>
 </template>
 

+ 3 - 3
pagesMy/familyMember.vue

@@ -2,7 +2,7 @@
 	<view class="common_page adffc" :style="{'height':h+'px', 'padding-top':mt+'px'}">
 		<cus-header title="家庭成员" bgColor="#FFFFFF"></cus-header>
 		<view class="add">
-			<view class="btn adfacjc" @tap="handleAdd">
+			<view class="btn adfacjc" @click="handleAdd">
 				<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/09/af9133fd-e15e-454d-9152-e4629fd0ce28.png"></image>
 				<text>添加</text>
 			</view>
@@ -12,7 +12,7 @@
 				<up-list @scrolltolower="scrolltolower" style="height: 100%;">
 					<up-list-item v-for="(item, index) in list" :key="index">
 						<view class="box adfacjb">
-							<view class="box-left adfac" @tap="handleEdit(item,index)">
+							<view class="box-left adfac" @click="handleEdit(item,index)">
 								<view class="box-left-edit">
 									<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/09/7799f9f2-1dca-4af3-980b-7f6def10e22f.png"></image>
 								</view>
@@ -28,7 +28,7 @@
 									</view>
 								</view>
 							</view>
-							<view class="box-right" @tap="handleDelete(item,index)">
+							<view class="box-right" @click="handleDelete(item,index)">
 								<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/23/ebdf1327-3eeb-4797-8840-cb1ec4840d9a.png"></image>
 							</view>
 						</view>

+ 42 - 42
pagesMy/familyMemberVindicate.vue

@@ -1,64 +1,64 @@
 <template>
 	<view class="common_page" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
 		<cus-header :title="title" bgColor="#FFFFFF"></cus-header>
-		<div class="form">
-			<div class="title">家庭人员信息</div>
-			<div class="pre adfac" style="margin-top: 40rpx;">
-				<div class="pre-title"><span>*</span>人员类型</div>
-				<div class="pre-content adfac">
-					<div class="pre-content-box adfac" @tap="changeMember(1,'personnelType')">
+		<view class="form">
+			<view class="title">家庭人员信息</view>
+			<view class="pre adfac" style="margin-top: 40rpx;">
+				<view class="pre-title"><span>*</span>人员类型</view>
+				<view class="pre-content adfac">
+					<view class="pre-content-box adfac" @click="changeMember(1,'personnelType')">
 						<image v-if="memberInfo.personnelType==1" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/09/9efae012-a9fd-4a0d-9e14-7ec90001e712.png"></image>
 						<image v-else src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/09/5ae64305-d1e0-4ffe-8dc0-f9d3704ac370.png"></image>
 						<text>成人</text>
-					</div>
-					<div class="pre-content-box adfac" @tap="changeMember(2,'personnelType')">
+					</view>
+					<view class="pre-content-box adfac" @click="changeMember(2,'personnelType')">
 						<image v-if="memberInfo.personnelType==2" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/09/9efae012-a9fd-4a0d-9e14-7ec90001e712.png"></image>
 						<image v-else src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/09/5ae64305-d1e0-4ffe-8dc0-f9d3704ac370.png"></image>
 						<text>学生</text>
-					</div>
-				</div>
-			</div>
-			<div class="pre adfac">
-				<div class="pre-title"><span>*</span>姓名</div>
-				<div class="pre-content">
+					</view>
+				</view>
+			</view>
+			<view class="pre adfac">
+				<view class="pre-title"><span>*</span>姓名</view>
+				<view class="pre-content">
 					<up-input v-model="memberInfo.name" border="none" style="font-size: 30rpx;color: #252525;" placeholder="请输入姓名"></up-input>
-				</div>
-			</div>
-			<div class="pre adfac">
-				<div class="pre-title"><span>*</span>身份证</div>
-				<div class="pre-content">
+				</view>
+			</view>
+			<view class="pre adfac">
+				<view class="pre-title"><span>*</span>身份证</view>
+				<view class="pre-content">
 					<up-input v-model="memberInfo.idCard" border="none" style="font-size: 30rpx;color: #252525;" placeholder="请输入身份证"></up-input>
-				</div>
-			</div>
-			<div class="pre adfac">
-				<div class="pre-title"><span style="color: #FFFFFF;">*</span>义工号</div>
-				<div class="pre-content">
+				</view>
+			</view>
+			<view class="pre adfac">
+				<view class="pre-title"><span style="color: #FFFFFF;">*</span>义工号</view>
+				<view class="pre-content">
 					<up-input v-model="memberInfo.volunteerNo" border="none" style="font-size: 30rpx;color: #252525;" placeholder="请输入义工号"></up-input>
-				</div>
-			</div>
-			<div class="pre adfac">
-				<div class="pre-title"><span>*</span>性别</div>
-				<div class="pre-content adfac">
-					<div class="pre-content-box adfac" @tap="changeMember(0,'gender')">
+				</view>
+			</view>
+			<view class="pre adfac">
+				<view class="pre-title"><span>*</span>性别</view>
+				<view class="pre-content adfac">
+					<view class="pre-content-box adfac" @click="changeMember(0,'gender')">
 						<image v-if="memberInfo.gender==0" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/09/9efae012-a9fd-4a0d-9e14-7ec90001e712.png"></image>
 						<image v-else src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/09/5ae64305-d1e0-4ffe-8dc0-f9d3704ac370.png"></image>
 						<text>男</text>
-					</div>
-					<div class="pre-content-box adfac" @tap="changeMember(1,'gender')">
+					</view>
+					<view class="pre-content-box adfac" @click="changeMember(1,'gender')">
 						<image v-if="memberInfo.gender==1" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/09/9efae012-a9fd-4a0d-9e14-7ec90001e712.png"></image>
 						<image v-else src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/10/09/5ae64305-d1e0-4ffe-8dc0-f9d3704ac370.png"></image>
 						<text>女</text>
-					</div>
-				</div>
-			</div>
-			<div class="pre adfac" v-if="memberInfo.personnelType==2">
-				<div class="pre-title"><span>*</span>就读学校</div>
-				<div class="pre-content">
+					</view>
+				</view>
+			</view>
+			<view class="pre adfac" v-if="memberInfo.personnelType==2">
+				<view class="pre-title"><span>*</span>就读学校</view>
+				<view class="pre-content">
 					<up-input v-model="memberInfo.currentSchool" border="none" style="font-size: 30rpx;color: #252525;" placeholder="请输入就读学校"></up-input>
-				</div>
-			</div>
-		</div>
-		<div class="btn" @tap="handleSave">保存</div>
+				</view>
+			</view>
+		</view>
+		<view class="btn" @click="handleSave">保存</view>
 	</view>
 </template>
 

+ 21 - 21
pagesMy/heartNumber.vue

@@ -2,37 +2,37 @@
 	<view class="common_page adffc" :style="{'height':h+'px', 'padding-top':mt+'px'}">
 		<cus-header title="我的爱心值" bgColor="transparent"></cus-header>
 		<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/24/19f555c2-ee0a-437b-8871-42b5605f8a8b.png" class="top_bg_img" mode="widthFix"></image>
-		<div class="top">
-			<div class="num">{{loveValue}}</div>
-			<div class="text">我的爱心值</div>
-		</div>
-		<div class="list" v-if="list.length">
+		<view class="top">
+			<view class="num">{{loveValue}}</view>
+			<view class="text">我的爱心值</view>
+		</view>
+		<view class="list" v-if="list.length">
 			<up-list @scrolltolower="scrolltolower" style="height: 100%;">
 				<up-list-item v-for="(item, index) in list" :key="index">
-					<div class="list-item">
-						<div class="time">{{item.createDate||''}}</div>
-						<div class="content adfacjb">
-							<div class="left adfac">
+					<view class="list-item">
+						<view class="time">{{item.createDate||''}}</view>
+						<view class="content adfacjb">
+							<view class="left adfac">
 								<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/24/d5b79c0e-bcda-49ff-8cc5-5f6275b6bac1.png"></image>
-								<div class="texts">
-									<div class="p">{{transactionTypeDict[item.transactionType]||''}}</div>
-									<div class="p tip">{{'报名参与公益实践活动'}}</div>
-								</div>
-							</div>
-							<div class="right adfac">
+								<view class="texts">
+									<view class="p">{{transactionTypeDict[item.transactionType]||''}}</view>
+									<view class="p tip">{{'报名参与公益实践活动'}}</view>
+								</view>
+							</view>
+							<view class="right adfac">
 								<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/24/9d038c9c-268c-44ae-a396-949039c77f47.png" v-if="item.capitalFlow==2"></image>
 								<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/24/b6cbd075-f008-448a-ac9f-074787d08924.png" v-else></image>
 								<text :class="{'black':item.capitalFlow==2,'red':item.capitalFlow==1}">{{item.capitalFlow==2?'':'+'}}</text>
 								<text :class="{'black':item.capitalFlow==2,'red':item.capitalFlow==1}">{{item.loveQuantity??0}}</text>
-							</div>
-						</div>
-					</div>
+							</view>
+						</view>
+					</view>
 				</up-list-item>
 			</up-list>
-		</div>
-		<div class="dataEmpty" v-else>
+		</view>
+		<view class="dataEmpty" v-else>
 			<page-empty text="暂无爱心值记录"></page-empty>
-		</div>
+		</view>
 	</view>
 </template>
 

+ 22 - 22
pagesMy/practice.vue

@@ -1,48 +1,48 @@
 <template>
 	<view class="common_page adffc" :style="{'height':h+'px', 'padding-top':mt+'px', 'padding-bottom':pb+'rpx'}">
 		<cus-header title="申领社会实践记录" bgColor="#FFFFFF"></cus-header>
-		<div class="tab adf">
-			<div class="tab-pre adfacjc" :class="{'active':tidx===1}" @tap="changeTab(1)">可申领</div>
-			<div class="tab-pre adfacjc" :class="{'active':tidx===2}" @tap="changeTab(2)">已申领</div>
-		</div>
-		<div class="member">
+		<view class="tab adf">
+			<view class="tab-pre adfacjc" :class="{'active':tidx===1}" @click="changeTab(1)">可申领</view>
+			<view class="tab-pre adfacjc" :class="{'active':tidx===2}" @click="changeTab(2)">已申领</view>
+		</view>
+		<view class="member">
 			<scroll-view class="scroll-view_H" scroll-x="true" scroll-with-animation="true" :scroll-left="scrollLeft">
-				<view class="scroll-view-item_H" :id="'svih_'+index" v-for="(item,index) in memberList" :key="index" @tap="changeMember(item,index)">
+				<view class="scroll-view-item_H" :id="'svih_'+index" v-for="(item,index) in memberList" :key="index" @click="changeMember(item,index)">
 					<view class="cl_item" :class="{'active':midx===index}">
 						<text>{{item.name}}</text>
 					</view>
 				</view>
 			</scroll-view>
-		</div>
+		</view>
 		<template v-if="tidx===1">
-			<div class="list" v-if="list.length">
+			<view class="list" v-if="list.length">
 				<up-list @scrolltolower="scrolltolower" style="height: 100%;">
 					<up-list-item v-for="(item, index) in list" :key="index">
 						<practice-box :item="item" @itemCheck="handleCheck"></practice-box>
 					</up-list-item>
 				</up-list>
-			</div>
-			<div class="dataEmpty" v-else>
+			</view>
+			<view class="dataEmpty" v-else>
 				<page-empty text="暂无已申领记录"></page-empty>
-			</div>
-			<div class="btn" @click="handleApply">申领社会实践记录</div>
+			</view>
+			<view class="btn" @click="handleApply">申领社会实践记录</view>
 		</template>
 		<template v-else-if="tidx===2">
-			<div class="list" v-if="yslList.length">
+			<view class="list" v-if="yslList.length">
 				<up-list @scrolltolower="scrolltolower" style="height: 100%;">
 					<up-list-item v-for="(item, index) in yslList" :key="index">
-						<div class="ysl-box">
-							<div class="ysl-box-title">证书编号:{{item?.certificateNumber||''}}</div>
-							<div class="ysl-box-tip">申领时间:{{item?.createDate||''}}</div>
-							<div class="ysl-box-tip">申 领 人:{{item?.memberName||''}}</div>
-							<div class="ysl-box-btn" @tap="handleDetail(item)">查看</div>
-						</div>
+						<view class="ysl-box">
+							<view class="ysl-box-title">证书编号:{{item?.certificateNumber||''}}</view>
+							<view class="ysl-box-tip">申领时间:{{item?.createDate||''}}</view>
+							<view class="ysl-box-tip">申 领 人:{{item?.memberName||''}}</view>
+							<view class="ysl-box-btn" @click="handleDetail(item)">查看</view>
+						</view>
 					</up-list-item>
 				</up-list>
-			</div>
-			<div class="dataEmpty" v-else>
+			</view>
+			<view class="dataEmpty" v-else>
 				<page-empty text="暂无已申领记录"></page-empty>
-			</div>
+			</view>
 		</template>
 	</view>
 </template>

+ 76 - 76
pagesMy/practiceRecord.vue

@@ -3,94 +3,94 @@
 	<view class="common_page adffc" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
 		<cus-header title="申领社会实践记录" bgColor="#FFFFFF"></cus-header>
 		<!-- 证书部分 -->
-		<div class="prove adffcac">
+		<view class="prove adffcac">
 			<image class="prove-logo" mode="widthFix" :src="certificateData.logoUrl"></image>
 			<image class="prove-title" mode="widthFix" :src="certificateData.titleUrl"></image>
 			<image class="prove-line" mode="widthFix" :src="certificateData.lineUrl"></image>
-			<div class="prove-no">证书编号:{{ certificateData.certificateNumber }}</div>
-			<div class="prove-info">
-				<div class="prove-info-pre adf">
-					<div class="prove-info-pre-left">
-						<div class="prove-info-pre-left-text">义工服务姓名:</div>
-						<div class="prove-info-pre-left-tip">Volunteer service Name</div>
-					</div>
-					<div class="prove-info-pre-right">{{ certificateData.memberName }}</div>
-				</div>
-				<div class="prove-info-pre adf">
-					<div class="prove-info-pre-left">
-						<div class="prove-info-pre-left-text space">所属学校:</div>
-						<div class="prove-info-pre-left-tip">Affiliated school</div>
-					</div>
-					<div class="prove-info-pre-right">{{ certificateData.currentSchool }}</div>
-				</div>
-				<div class="prove-info-pre adf">
-					<div class="prove-info-pre-left">
-						<div class="prove-info-pre-left-text space">证件类型:</div>
-						<div class="prove-info-pre-left-tip">Type of ID</div>
-					</div>
-					<div class="prove-info-pre-right">{{ certificateData.idType }}</div>
-				</div>
-				<div class="prove-info-pre adf">
-					<div class="prove-info-pre-left">
-						<div class="prove-info-pre-left-text space">证件号码:</div>
-						<div class="prove-info-pre-left-tip">IdCard No</div>
-					</div>
-					<div class="prove-info-pre-right">{{ certificateData.idCard }}</div>
-				</div>
-				<div class="prove-info-pre adf">
-					<div class="prove-info-pre-left">
-						<div class="prove-info-pre-left-text">义工服务时长:</div>
-						<div class="prove-info-pre-left-tip">Volunteer service Time</div>
-					</div>
-					<div class="prove-info-pre-right">{{ certificateData.volunteerHours }}小时</div>
-				</div>
-			</div>
-			<div class="prove-memo">
+			<view class="prove-no">证书编号:{{ certificateData.certificateNumber }}</view>
+			<view class="prove-info">
+				<view class="prove-info-pre adf">
+					<view class="prove-info-pre-left">
+						<view class="prove-info-pre-left-text">义工服务姓名:</view>
+						<view class="prove-info-pre-left-tip">Volunteer service Name</view>
+					</view>
+					<view class="prove-info-pre-right">{{ certificateData.memberName }}</view>
+				</view>
+				<view class="prove-info-pre adf">
+					<view class="prove-info-pre-left">
+						<view class="prove-info-pre-left-text space">所属学校:</view>
+						<view class="prove-info-pre-left-tip">Affiliated school</view>
+					</view>
+					<view class="prove-info-pre-right">{{ certificateData.currentSchool }}</view>
+				</view>
+				<view class="prove-info-pre adf">
+					<view class="prove-info-pre-left">
+						<view class="prove-info-pre-left-text space">证件类型:</view>
+						<view class="prove-info-pre-left-tip">Type of ID</view>
+					</view>
+					<view class="prove-info-pre-right">{{ certificateData.idType }}</view>
+				</view>
+				<view class="prove-info-pre adf">
+					<view class="prove-info-pre-left">
+						<view class="prove-info-pre-left-text space">证件号码:</view>
+						<view class="prove-info-pre-left-tip">IdCard No</view>
+					</view>
+					<view class="prove-info-pre-right">{{ certificateData.idCard }}</view>
+				</view>
+				<view class="prove-info-pre adf">
+					<view class="prove-info-pre-left">
+						<view class="prove-info-pre-left-text">义工服务时长:</view>
+						<view class="prove-info-pre-left-tip">Volunteer service Time</view>
+					</view>
+					<view class="prove-info-pre-right">{{ certificateData.volunteerHours }}小时</view>
+				</view>
+			</view>
+			<view class="prove-memo">
 				您累计参与了 <span>{{ certificateData.welfareCount }}</span> 场活动,捐赠了 <span>{{ certificateData.loveValue }}</span> 爱心值。向您践行志愿精神,为社会进步奉献力量致以最崇高的敬意。
-			</div>
-			<div class="prove-memo" style="margin-top: 30rpx;">特发此证!</div>
-			<div class="prove-bottom">
-				<div class="prove-bottom-pre">证明单位:{{ certificateData.issuer }}</div>
-				<div class="prove-bottom-pre">发证日期:{{ certificateData.createDate }}</div>
-			</div>
+			</view>
+			<view class="prove-memo" style="margin-top: 30rpx;">特发此证!</view>
+			<view class="prove-bottom">
+				<view class="prove-bottom-pre">证明单位:{{ certificateData.issuer }}</view>
+				<view class="prove-bottom-pre">发证日期:{{ certificateData.createDate }}</view>
+			</view>
 			<image class="prove-seal" mode="widthFix" :src="certificateData.sealUrl"></image>
-		</div>
+		</view>
 		<!-- 列表部分 -->
-		<div class="list">
-			<div class="list-box" v-for="(item,index) in activityList" :key="index">
-				<div class="title">{{ item.activityName||'' }}</div>
-				<div class="content adf">
-					<div class="right">
-						<div class="right-pre adf">
-							<div class="tip">活动时间:</div>
-							<div class="text">{{ item.activityStartTime||'' }}</div>
-						</div>
-						<div class="right-pre adf">
+		<view class="list">
+			<view class="list-box" v-for="(item,index) in activityList" :key="index">
+				<view class="title">{{ item.activityName||'' }}</view>
+				<view class="content adf">
+					<view class="right">
+						<view class="right-pre adf">
+							<view class="tip">活动时间:</view>
+							<view class="text">{{ item.activityStartTime||'' }}</view>
+						</view>
+						<view class="right-pre adf">
 							<template v-if="item.activityLimit==2">
-								<div class="tip">专享券贡献:</div>
-								<div class="text">{{ item.valueLimit||0 }}张</div>
+								<view class="tip">专享券贡献:</view>
+								<view class="text">{{ item.valueLimit||0 }}张</view>
 							</template>
 							<template v-else>
-								<div class="tip">爱心值贡献:</div>
-								<div class="text">{{ item.valueLimit||0 }}</div>
+								<view class="tip">爱心值贡献:</view>
+								<view class="text">{{ item.valueLimit||0 }}</view>
 							</template>
-						</div>
-						<div class="right-pre adf">
-							<div class="tip">义工时长:</div>
-							<div class="text">{{ item.serviceHours||0 }}小时</div>
-						</div>
-						<div class="right-pre adf">
-							<div class="tip">公益合作:</div>
-							<div class="text">{{ item.channelName||'' }}</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
+						</view>
+						<view class="right-pre adf">
+							<view class="tip">义工时长:</view>
+							<view class="text">{{ item.serviceHours||0 }}小时</view>
+						</view>
+						<view class="right-pre adf">
+							<view class="tip">公益合作:</view>
+							<view class="text">{{ item.channelName||'' }}</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
 		<!-- 下载按钮 -->
-		<div class="btn" @click="handleDownload">
+		<view class="btn" @click="handleDownload">
 			{{ isLoading ? '生成中...' : '下载' }}
-		</div>
+		</view>
 	</view>
 	<canvas canvas-id="pdf-canvas" :style="'width:' + canvasWidth + 'px; height:' + canvasHeight + 'px; position: fixed; left: -9999px; top: -9999px;'"></canvas>
 </template>

+ 16 - 16
pagesMy/volunteerHours.vue

@@ -1,29 +1,29 @@
 <template>
 	<view class="common_page" :style="{'height':h+'px', 'padding-top':mt+'px'}">
 		<cus-header title="义工时长" bgColor="#FFFFFF"></cus-header>
-		<div class="hours">义工时长:{{volunteerHours}}<text>小时</text></div>
-		<div class="list" v-if="list.length">
+		<view class="hours">义工时长:{{volunteerHours}}<text>小时</text></view>
+		<view class="list" v-if="list.length">
 			<up-list @scrolltolower="scrolltolower" style="height: 100%;">
 				<up-list-item class="list-item" v-for="(item, index) in list" :key="index">
-					<div class="time">{{item.createDate||""}}</div>
-					<div class="content adfacjb">
-						<div class="left adfac">
+					<view class="time">{{item.createDate||""}}</view>
+					<view class="content adfacjb">
+						<view class="left adfac">
 							<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/09/24/d5b79c0e-bcda-49ff-8cc5-5f6275b6bac1.png"></image>
-							<div class="texts">
-								<div class="p">{{item.activityName??''}}</div>
-								<div class="p tip">{{item.typeName??''}}</div>
-							</div>
-						</div>
-						<div class="right adfac">
+							<view class="texts">
+								<view class="p">{{item.activityName??''}}</view>
+								<view class="p tip">{{item.typeName??''}}</view>
+							</view>
+						</view>
+						<view class="right adfac">
 							<text>+{{item.volunteerHours??0}}</text>
-						</div>
-					</div>
+						</view>
+					</view>
 				</up-list-item>
 			</up-list>
-		</div>
-		<div class="dataEmpty" v-else>
+		</view>
+		<view class="dataEmpty" v-else>
 			<page-empty text="暂无义工时长记录"></page-empty>
-		</div>
+		</view>
 	</view>
 </template>