- user-select="true"文本选择框会超出文本本身?
wxml______________ 问题出在 <text user-select="true">a啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</text>这行上 下面有图片显示 <view class="content"> <header title="11111111"></header> <view class="detail-topbak"></view> <view class="detail-background"> <view class="detail-title"> <view class="title">2222222</view> <view class="date">s水水水水水水水水水水水水水</view> </view> <view class="detail-con" > <text user-select="true">a啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</text> </view> </view> </view> wxss_____________ .detail-topbak { width: 100%; height: 232rpx; position: fixed; top: 0rpx; z-index: -1; background-image: linear-gradient(to right, #007BC6, #0054A6); border-bottom-left-radius: 72rpx; } .detail-background { width: 91.46%; position: absolute; top: 198rpx; z-index: 1; background-color: #FFFFFF; margin: 0rpx 4.27%; border-radius: 28rpx; box-shadow: 0rpx 6rpx 12rpx rgba(0, 0, 0, 0.2); overflow-y: auto; overflow-x: hidden; } .detail-title { padding: 40rpx 32rpx; width: 100%; border-bottom: 1rpx solid #D0DBE9; } .title { color: #333333; font-weight: bold; margin-bottom: 6rpx; /* border: 1rpx solid black; */ } .date { font-size: 24rpx; color: #A2A2A2; /* border: 1rpx solid black; */ } .detail-con { width: 85.46%; display: inline-block; margin: 40rpx 32rpx; margin-bottom: 40rpx; color: #090605; /* border: 1rpx solid black; */ font-size: 24rpx; white-space: pre-line; word-break: break-word; white-space: wrap; word-wrap: break-word; z-index: 9999; } .content{ overflow: hidden; }
2023-12-25 - 为什么使用user-select="true"复制选项会达到顶部标题?
[图片]代码如下这是前端<view class="content"> <view class="stores-top"> <header title="{{lang.announcements}}"></header> </view> <view class="detail-topbak"></view> <view class="detail-background"> <view class="detail-title"> <view class="title">{{detail.title}}</view> <view class="date">{{detail.noticeDate}}</view> </view> <view class="detail-con" user-select="true"> <text user-select="true">{{detail.content}}</text> </view> </view> </view> css如下—————————————————————————————— .detail-topbak { border: 2rpx solid red; width: 100%; height: 232rpx; position: fixed; top: 0rpx; z-index: -1; background-image: linear-gradient(to right, #007BC6, #0054A6); border-bottom-left-radius: 72rpx; } .detail-background { border: 4rpx solid springgreen; width: 91.46%; position: absolute; top: 198rpx; z-index: 1; background-color: #FFFFFF; margin: 0rpx 4.27%; border-radius: 28rpx; box-shadow: 0rpx 6rpx 12rpx rgba(0, 0, 0, 0.2); overflow-y: auto; overflow-x: hidden; } .detail-title { padding: 40rpx 32rpx; width: 100%; border-bottom: 1rpx solid #D0DBE9; } .title { color: #333333; font-weight: bold; margin-bottom: 6rpx; /* border: 1rpx solid black; */ } .date { font-size: 24rpx; color: #A2A2A2; /* border: 1rpx solid black; */ } .detail-con { border: gold 1rpx solid; width: 85.46%; /* display: inline-block; */ margin: 40rpx 32rpx; margin-bottom: 40rpx; color: #090605; /* border: 1rpx solid black; */ font-size: 24rpx; white-space: pre-line; word-break: break-word; white-space: wrap; } .content{ overflow: hidden; }
2023-12-21 - 50-150字实现一个弹窗 自适应大小 超出150字弹窗就不变了求大神?在线等
<popup4999 show="{{rulerShow}}" style=" width: 100%; height: 100%;"> <view class="dialogRuler"> <view class="login-background"> <view class="login-background-img"> <text wx:if="{{rulerFlag}}">{{rulerTitle}}</text> <text wx:if="{{!rulerFlag && privacyFlag}}">{{privacyTitle}}</text> </view> <scroll-view scroll-y="{{true}}" class="login-rules" wx:if="{{rulerFlag}}" bindtap="setTextClass" > <text id="myText">{{rulerText}}</text> </scroll-view> <view style="margin-top: 0rpx; margin-left: 40rpx;" bind:tap="statute"wx:if="{{rulerFlag}}"> <text class="ahref">{{lang.termso}}</text> </view> <scroll-view scroll-y="{{true}}" class="login-rules" wx:if="{{!rulerFlag && privacyFlag}}" > <text>{{privacyContent}}</text> </scroll-view> <view style="margin-top: 20rpx;margin-left: 40rpx;" bind:tap="policy" wx:if="{{!rulerFlag && privacyFlag}}"> <text class="ahref" style="margin-top: 30rpx;">{{lang.policyo}}</text> </view> <view class="radio" bind:tap="radioChange"> <label> <radio color="#003685" value="r1" checked="{{radioCheck}}" />{{lang.radioLabel}} </label> </view> <view class="login-rule-btn"> <view class="btn cancel" bind:tap="exit"> <text>{{lang.disagree}}</text> </view> <view class="btn agree" bind:tap="ruleAgree"> <text>{{lang.agree}}</text> </view> </view> </view> </view> </popup4999> 这是前端的代码 限制的文本区域是 <text>{{privacyContent}}</text> 这一段 求大神!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
2023-12-20 - wx.showModal 我使用了confirmText?
我的text内容是 '确认' 请问有没有方法可以解决 ios手机语言设置成中文 那么显示正常 但是如果设置成日语显示的字体 和中文的不太一样
2023-12-18 - 小程序中页面滚动条太长了 我想让他限制下滚动区域应该怎么办啊 求大神~在线等?
https://okura-redmine.okura.cloud/redmine/attachments/download/25318/clipboard-202312121709-dleek.png这是小程序的图片链接来个大神啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
2023-12-13