收藏
回答

适配问题

框架类型 问题类型 操作系统 工具版本
小程序 Bug Windows 2.13.1

html

<view class="seekhouse" >

<view class="seekhouse-popup">

<image class="report-tips-img" src="https://static.kyijia.com/static/images/ic_x@2x.webp" @click="popup=0" webp></image>

<input class="seekhouse-popup-input" type="number"    placeholder="请输入您的联系方式" v-model="phonenews"   />

<view class="seekhouse-popup-btn" @click.stop="popupChange">一键授权</view>

</view>

</view>

css

.seekhouse{

width: 750rpx;

height: 100vh;

position: fixed;

left: 0;

right: 0;

top: 0;

background-color: rgba(0,0,0,0.6);

z-index: 997;

&-popup{

position: relative;

left: 74rpx;

top: 80rpx;

width: 602rpx;

height: 760rpx;

background-image:url(https://static.kyijia.com/static/images/beij@2x.png) ;

background-size: 100% 100%;

z-index: 998;

&-input{

width: 391rpx;

height: 51rpx;

padding-left: 18rpx;

line-height:51rpx ;

font-size:24rpx ;

color: #4364ED;

background-color: #FFFFFF;

border: 1rpx solid #4667EE;

border-radius: 4rpx;

position: absolute;

top: 505rpx;

left: 101rpx;

z-index: 999;

}

&-btn{

width: 504rpx;

height: 77rpx;

font-size:28rpx ;

color: #FFFFFF;

line-height: 77rpx;

text-align: center;

font-weight: bold;

border-radius:38rpx ;

position: absolute;

top: 630rpx;

left: 51rpx;

z-index: 999;

background-color: #3B5BEA;

}

}

}

.report-tips-img {

width: 64rpx;

height: 64rpx;

position: absolute;

bottom: -80rpx;

left: calc(50% - 32rpx);

z-index: 998;

}

回答关注问题邀请回答
收藏

1 个回答

  • 社区技术运营专员-Jahozheng
    社区技术运营专员-Jahozheng
    11-18

    你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)

    11-18
    有用
    回复
登录 后发表内容
问题标签