feat: 新增鸿蒙元服务平台适配

适配鸿蒙小程序平台，包括导航栏胶囊适配、支付通道支持、登录授权逻辑，以及分享功能兼容

components/ns-login/ns-login.vue

@@ -56,10 +56,18 @@
 
 					<!-- 手机号授权按钮 -->
 					<block v-if="isAgree">
+						<!-- #ifdef MP-WEIXIN -->
 						<button class="auth-login save-btn border-0" style="border: none;" open-type="getPhoneNumber"
 							@getphonenumber="getPhoneNumber">
 							<text style="color: #fff; font-size: 30rpx;">{{ $lang('components.ns-login.agreeAndAuthorizeMobile') }}</text>
 						</button>
+						<!-- #endif -->
+						<!-- #ifdef MP-HARMONY -->
+						<!-- 鸿蒙元服务无 getPhoneNumber 微信 API,改为弹出手机号+验证码表单 -->
+						<button class="auth-login save-btn border-0" style="border: none;" @tap="showHarmonyMobileForm = true">
+							<text style="color: #fff; font-size: 30rpx;">{{ $lang('components.ns-login.agreeAndAuthorizeMobile') }}</text>
+						</button>
+						<!-- #endif -->
 					</block>
 					<block v-else>
 						<button class="auth-login save-btn border-0" style="border: none;" @tap="authno">
@@ -67,6 +75,27 @@
 						</button>
 					</block>
 
+					<!-- #ifdef MP-HARMONY -->
+					<!-- 鸿蒙专属:手机号+验证码表单 -->
+					<view v-if="showHarmonyMobileForm" class="harmony-mobile-form" @touchmove.prevent.stop>
+						<view class="item-wrap">
+							<text class="label">{{ $lang('components.ns-login.mobileLabel') }}</text>
+							<input type="number" :placeholder="$lang('components.ns-login.mobilePlaceholder')" v-model="formData.mobile" maxlength="11" />
+						</view>
+						<view class="item-wrap" v-if="isOpenCaptcha == 1">
+							<text class="label">{{ $lang('components.ns-login.captchaLabel') }}</text>
+							<input type="number" :placeholder="$lang('components.ns-login.captchaPlaceholder')" v-model="formData.vercode" maxlength="4" />
+							<image :src="captcha.img" class="captcha" @tap="getCaptcha" show-menu-by-longpress></image>
+						</view>
+						<view class="item-wrap">
+							<text class="label">{{ $lang('components.ns-login.dynacodeLabel') }}</text>
+							<input type="number" :placeholder="$lang('components.ns-login.dynacodePlaceholder')" v-model="formData.dynacode" maxlength="4" />
+							<view class="send color-base-text" @tap="sendMobileCode">{{ dynacodeData.codeText }}</view>
+						</view>
+						<button type="default" class="save-btn" @tap="harmonySaveMobile" :disabled="isDisabled">{{ $lang('components.ns-login.save') }}</button>
+					</view>
+					<!-- #endif -->
+
 					<view @tap="closeLogin"
 						style="font-size: 30rpx; color: #888; text-align: center; padding-top: 10rpx;">
 						{{ $lang('components.ns-login.notNow') }}
@@ -109,11 +138,20 @@
 
 						<view class="item-wrap" v-if="forceBindingMobileControl">
 							<text class="label">{{ $lang('components.ns-login.mobileLabel') }}</text>
+							<!-- #ifdef MP-WEIXIN -->
 							<button open-type="getPhoneNumber" :plain="true" class="auth-login border-0"
 								@getphonenumber="getPhoneNumber">
 								<text class="mobile" v-if="formData.mobile">{{ formData.mobile }}</text>
 								<text class="color-base-text" v-else>{{ $lang('components.ns-login.getMobile') }}</text>
 							</button>
+							<!-- #endif -->
+							<!-- #ifdef MP-HARMONY -->
+							<!-- 鸿蒙无 getPhoneNumber,展示手动输入的手机号,没有时显示"获取手机号"提示用户去上面表单录入 -->
+							<view class="auth-login border-0" :plain="true">
+								<text class="mobile" v-if="formData.mobile">{{ formData.mobile }}</text>
+								<text class="color-base-text" v-else @tap="showHarmonyMobileForm = true">{{ $lang('components.ns-login.getMobile') }}</text>
+							</view>
+							<!-- #endif -->
 						</view>
 						<button type="default" class="save-btn" @tap="saveMp" :disabled="isDisabled">{{ $lang('components.ns-login.save') }}</button>
 					</template>
@@ -170,12 +208,16 @@ export default {
 				isSend: false
 			},
 			// 小程序获取手机号所需数据
-			authMobileData: {
-				iv: '',
-				encryptedData: ''
-			},
-			site_name: ''
-		};
+		authMobileData: {
+			iv: '',
+			encryptedData: ''
+		},
+		site_name: '',
+		// #ifdef MP-HARMONY
+		// 鸿蒙专属:控制手机号+验证码表单显示
+		showHarmonyMobileForm: false,
+		// #endif
+	};
 	},
 	options: {
 		styleIsolation: 'shared'
@@ -203,7 +245,7 @@ export default {
 			if (this.forceBindingMobileControl) {
 				if (this.formData.mobile.length == 0) return true;
 
-				// #ifdef H5
+				// #ifdef H5 || MP-HARMONY
 				// 验证码
 				if (this.isOpenCaptcha == 1 && this.formData.vercode.length == 0) return true;
 				// 动态码
@@ -343,7 +385,7 @@ export default {
 		openCompleteInfoPop() {
 			this.getRegisterConfig();
 
-			// #ifdef H5
+			// #ifdef H5 || MP-HARMONY
 			if (!this.storeToken) this.getCaptchaConfig();
 			// #endif
 
@@ -676,6 +718,26 @@ export default {
 			this.forceBindMobile();
 		},
 
+		// #ifdef MP-HARMONY
+		// 鸿蒙元服务保存手机号:复用 H5 的强制绑定手机号流程
+		harmonySaveMobile() {
+			if (this.forceBindingMobileControl) {
+				let data = {
+					mobile: this.formData.mobile,
+					key: this.formData.key,
+					code: this.formData.dynacode
+				};
+				if (this.captcha.id != '') {
+					data.captcha_id = this.captcha.id;
+					data.captcha_code = this.formData.vercode;
+				}
+				if (!this.verify(data)) return;
+			}
+			// 鸿蒙环境下通常也开启了 forceBindingMobileControl(走 forceBindMobile 接口)
+			this.forceBindMobile();
+		},
+		// #endif
+
 		// 微信小程序保存数据
 		saveMp() {
 			if (this.formData.mobile === '') {

components/ns-navbar/ns-navbar.vue

@@ -53,7 +53,7 @@
 let systemInfo = uni.getSystemInfoSync();
 let menuButtonInfo = {};
 // 如果是小程序，获取右上角胶囊的尺寸信息，避免导航栏右侧内容与胶囊重叠(支付宝小程序非本API，尚未兼容)
-// #ifdef MP-WEIXIN || MP-BAIDU || MP-TOUTIAO || MP-QQ
+// #ifdef MP-WEIXIN || MP-BAIDU || MP-TOUTIAO || MP-QQ || MP-HARMONY
 menuButtonInfo = uni.getMenuButtonBoundingClientRect();
 // #endif
 

components/ns-payment/ns-payment.vue

@@ -98,6 +98,13 @@ export default {
             { name: this.$lang('components.nsPayment.alipay'), icon: 'icon-zhifubaozhifu-', type: 'alipay', provider: 'alipay' },
         ];
         // #endif
+        // #ifdef MP-HARMONY
+        // 鸿蒙元服务的支付通道: 与微信小程序相同的 provider='wxpay',
+        // 但走鸿蒙 JSSDK 的 requestPayment(走鸿蒙支付服务而非 wx.requestPayment)
+        this.payTypeList = [
+            { name: this.$lang('components.nsPayment.wechatpay'), provider: 'wxpay', icon: 'icon-weixin1', type: 'wechatpay' },
+        ];
+        // #endif
 
         let url;
         // #ifdef H5

components/payment/payment.vue

@@ -95,6 +95,16 @@
                     i18nKey: 'components.payment.alipay'
                 }],
                 // #endif
+                // #ifdef MP-HARMONY
+                // 鸿蒙元服务的支付通道: provider='wxpay' 由鸿蒙 JSSDK 接管
+                payTypeList: [{
+                    name: '微信支付',
+                    provider: 'wxpay',
+                    icon: 'icon-weixin1',
+                    type: 'wechatpay',
+                    i18nKey: 'components.payment.wechatpay'
+                }],
+                // #endif
                 payInfo: null,
                 balanceConfig: 0,
                 // 预售页面判断

pages_goods/_components/goods-detail-view/goods-detail-view.vue

@@ -461,7 +461,7 @@
                                         <text>{{ $lang('goods.detail.detailView.generateSharePoster') }}</text>
                                     </button>
                                 </view>
-                                <!-- #ifdef H5 -->
+                                <!-- #ifdef H5 || MP-HARMONY -->
                                 <view class="share-box" @click="copyUrl">
                                     <button class="share-btn" :plain="true">
                                         <view class="iconfont icon-fuzhilianjie"></view>