uni-app 很诡异的BUG为什么APP会进到H5的编译H5反而进不去H5的编译

uni-app 很诡异的BUG为什么APP会进到H5的编译H5反而进不去H5的编译

开发环境 版本号 项目创建方式
Windows 10 22H2 HBuilderX

示例代码:

<template>  
    <view class="zy--relative">  
        <view class="zy--border-box" style="padding-left: 44rpx;padding-top: 142rpx;height: 428rpx" :style="{'background': 'url('+baseUrl+'static/store/login-bg.png'+') center/cover no-repeat'}">  
            <view class="zy--fff zy--bold zy--font-64" style="margin-bottom: 24rpx;">  
                Hello!  
            </view>  
            <view class="zy--fff zy--font-40" style="line-height: 60rpx;">  
                欢迎来到  
            </view>  
            <view class="zy--fff zy--font-40" style="line-height: 60rpx;">  
                门店端  
            </view>  
        </view>  
        <view class="zy--bg-fff zy--radius-lg radius-top zy--p-xl zy--pt-base" style="position: relative;top: -60rpx;">  
            <u-tabs :list="list" lineWidth="126rpx" lineHeight="4rpx" :lineColor="main_c" :inactiveStyle="{color:'rgba(0,0,0,.85)',fontSize:'32rpx'}" :activeStyle="{color:main_c,fontSize:'32rpx',fontWeight:'bold'}" :scrollable="false" @click="changeType"></u-tabs>  
            <view class="zy--mt-lg" v-if="type == 0">  
                <view class="zy--mb-lg">  
                    <u-input  
                        v-model="account"  
                        shape="circle"  
                        maxlength="20"  
                        placeholder="请输入用户名"  
                        placeholderStyle="font-size:28rpx;color:rgba(0,0,0,.45)"  
                        @focus="onInputFocus"  
                        @blur="onInputBlur"  
                    >  
                        <view slot="prefix" style="padding: 12rpx 8rpx 12rpx 12rpx">  
                            <image  
                                style="width: 28rpx; height: 28rpx; display: flex"  
                                :src="baseUrl + 'static/store/login-username.png'"  
                                mode="aspectFit"  
                            ></image>  
                        </view>  
                    </u-input>  
                </view>  
                <view class="zy--mb-lg">  
                    <u-input  
                        v-model="password"  
                        shape="circle"  
                        maxlength="32"  
                        placeholder="请输入密码"  
                        :password="!showPassword"  
                        placeholderStyle="font-size:28rpx;color:rgba(0,0,0,.45)"  
                        @focus="onInputFocus"  
                        @blur="onInputBlur"  
                    >  
                        <view slot="prefix" style="padding: 12rpx 8rpx 12rpx 12rpx">  
                            <image  
                                style="width: 28rpx; height: 28rpx; display: flex"  
                                :src="baseUrl + 'static/store/login-password.png'"  
                                mode="aspectFit"  
                            ></image>  
                        </view>  
                        <view slot="suffix" style="margin-right: 12rpx" @click="changePassword">  
                            <u-icon v-if="showPassword" name="eye" color="rgba(0,0,0,.45)" size="40rpx"></u-icon>  
                            <u-icon v-else name="eye-off" color="rgba(0,0,0,.45)" size="40rpx"></u-icon>  
                        </view>  
                    </u-input>  
                </view>  
                <view class="zy--mb-lg">  
                    <u-input  
                        v-model="verify_img"  
                        shape="circle"  
                        placeholder="请输入验证码"  
                        maxlength="4"  
                        placeholderStyle="font-size:28rpx;color:rgba(0,0,0,.45)"  
                        @focus="onInputFocus"  
                        @blur="onInputBlur"  
                    >  
                        <view slot="prefix" style="padding: 12rpx 8rpx 12rpx 12rpx">  
                            <image  
                                style="width: 28rpx; height: 28rpx; display: flex"  
                                :src="baseUrl + 'static/store/login-code.png'"  
                                mode="aspectFit"  
                            ></image>  
                        </view>  
                        <view slot="suffix" style="margin-right: 12rpx" @click="getVerify">  
                            <image  
                                style="height: 50rpx; border-radius: 8rpx; display: flex"  
                                :src="img_verify"  
                                mode="heightFix"  
                            ></image>  
                        </view>  
                    </u-input>  
                </view>  
            </view>  
            <view v-else class="zy--mt-lg">  
                <view class="zy--mb-lg">  
                    <u-input  
                        v-model="mobile"  
                        maxlength="11"  
                        shape="circle"  
                        placeholder="请输入手机号"  
                        placeholderStyle="font-size:28rpx;color:rgba(0,0,0,.45)"  
                        @focus="onInputFocus"  
                        @blur="onInputBlur"  
                    >  
                        <view slot="prefix" style="padding: 12rpx 8rpx 12rpx 12rpx">  
                            <image  
                                style="width: 28rpx; height: 28rpx; display: flex"  
                                :src="baseUrl + 'static/store/login-mobile.png'"  
                                mode="aspectFit"  
                            ></image>  
                        </view>  
                    </u-input>  
                </view>  
                <view class="zy--mb-lg">  
                    <u-code  
                        :keepRunning="true"  
                        unique-key="login"  
                        :seconds="seconds"  
                        startText="获取手机验证码"  
                        @end="end"  
                        @start="start"  
                        ref="uCode"  
                        @change="codeChange"  
                    ></u-code>  
                    <u-input  
                        shape="circle"  
                        v-model="verify_code"  
                        placeholder="请输入验证码"  
                        maxlength="6"  
                        placeholderStyle="font-size:28rpx;color:rgba(0,0,0,.45)"  
                        @focus="onInputFocus"  
                        @blur="onInputBlur"  
                    >  
                        <view slot="prefix" style="padding: 12rpx 8rpx 12rpx 12rpx">  
                            <image  
                                style="width: 28rpx; height: 28rpx; display: flex"  
                                :src="baseUrl + 'static/store/login-code.png'"  
                                mode="aspectFit"  
                            ></image>  
                        </view>  
                        <view slot="suffix" @tap="getCode" class="zy--font-28 zy--main" style="margin-right: 12rpx">  
                            {{ tips }}  
                        </view>  
                    </u-input>  
                </view>  
            </view>  
            <view style="margin-top: 118rpx">  
                <view @click="submit" class="zy--btn-main zy--font-30 zy--w-100 zy--p-base" style="border-radius: 88rpx">登录</view>  
                <view class="zy--flex zy--mt-base zy--mb-base">  
                    <u-checkbox-group @change="checkedChange">  
                        <u-checkbox  
                            :activeColor="main_c"  
                            shape="circle"  
                            label="已阅读并同意"  
                            name="checked"  
                            size="28rpx"  
                            labelSize="24rpx"  
                            labelColor="rgba(0, 0, 0, 0.45)"  
                        ></u-checkbox>  
                    </u-checkbox-group>  
                    <view class="zy--font-24">  
                        <text style="color: rgba(0, 0, 0, 0.45)">“</text>  
                        <text @click.stop="navTo('/pages/my/art_detail?id=1)" class="zy--main">用户协议</text>  
                        <text style="color: rgba(0, 0, 0, 0.45)">”和“</text>  
                        <text @click.stop="navTo('/pages/my/art_detail?id=2)" class="zy--main">隐私政策</text>  
                        <text style="color: rgba(0, 0, 0, 0.45)">"</text>  
                    </view>  
                </view>  
            </view>  

            <view class="z zy--fixed-b-box" v-if="system_hotline && !isKeyboard">  
                <view class="zy--000-45 zy--font-26" @tap="call_phone(system_hotline)">如有疑问请联系平台客服,联系电话:{{ system_hotline }}</view>  
            </view>  
        </view>  
    </view>  
</template>  

更多关于uni-app 很诡异的BUG为什么APP会进到H5的编译H5反而进不去H5的编译的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

您好,麻烦发个可复现demo

更多关于uni-app 很诡异的BUG为什么APP会进到H5的编译H5反而进不去H5的编译的实战教程也可以访问 https://www.itying.com/category-93-b0.html


传了个demo在文章里面了,你能看到吗

回复 m***@qq.com: 看到了

回到顶部