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: 看到了

