apicloud apicloud

注册
查看: 377|回复: 11

[BUG] 更新完line-height是不是出问题了 [ios] 已解决

新手上路

UID:910963

主题:
21
帖子:
86
云币:
107

[BUG] 更新完line-height是不是出问题了 [ios] 已解决

377 11 | 发表于 2021-6-4 10:47:34 |阅读模式 | |
<view class="user">
   <view class="user-avatar">
     <image class="user-avatar_img" src={avatar}></image>
   </view>
   <view class="user-name">
     <text class="user-name_text">HI~{{name}}</text>
   </view>
   <view class="user-setting">
     <image class="user-setting_img" src="../../image/default-icon-setting.png"></image>
     <text class="user-setting_text">设置</text>
   </view>
</view>




.user {
  flex-direction: row;
  padding: 0 20px 0 12.5px;
  box-sizing: border-box;
  margin-top: 15.5px;
}

.user-avatar {
  width: 70px;
  height: 70px;
  background: url(../../image/default-avatar_bg.png) no-repeat;
  background-size: 70px;
}

.user-avatar_img {
  width: 50px;
  height: 50px;
  margin: 6.5px 9.5px 12.5px 9.5px;
  border-radius: 50%;
}

.user-name {
  flex: 1;
  margin-left: 12.5px;
}

.user-name_text {
  line-height: 69px;
  font-size: 23px;
  font-weight: bold;
  color: #333;
}

.user-setting {
  display: flex;
  flex-direction: column;
  margin-top: 11px;
}

.user-setting_img {
  width: 20px;
  height: 20px;
  margin: 0 2px;
}

.user-setting_text {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  margin-top: 2.5px;
}


user-name对不齐


新手上路

UID:910963

主题:
21
帖子:
86
云币:
107
 楼主| 发表于 2021-6-4 11:39:33 |
好像不是line-height的问题,是scorll-view引起的,scorll-view的显示和隐藏会影响兄弟节点s的位置

主题:
359
帖子:
51546
云币:
22005
发表于 2021-6-4 14:50:53 |
贰山 发表于 2021-6-4 11:39
好像不是line-height的问题,是scorll-view引起的,scorll-view的显示和隐藏会影响兄弟节点s的位置 ...

能发下代码吗
【奖金150万】“用友·华为云杯”第三届开发者大赛报名开启,APICloud开发者直接报名参加:点击报名

新手上路

UID:910963

主题:
21
帖子:
86
云币:
107
 楼主| 发表于 2021-6-4 15:04:21 |

一个单独的stml文件可以吗

test.rar

2.59 KB, 下载次数: 7

主题:
359
帖子:
51546
云币:
22005
发表于 2021-6-4 15:46:41 |
贰山 发表于 2021-6-4 15:04
一个单独的stml文件可以吗

scorll-view 还不支持v-if
【奖金150万】“用友·华为云杯”第三届开发者大赛报名开启,APICloud开发者直接报名参加:点击报名

新手上路

UID:910963

主题:
21
帖子:
86
云币:
107
 楼主| 发表于 2021-6-4 17:36:14 |
技术支持-F 发表于 2021-6-4 15:46
scorll-view 还不支持v-if

和这个应该没关系吧,用了v-if也可以正常显示啊。就是最近一次更新出现的这个问题,上一周还没有这个情况。

主题:
25
帖子:
7691
云币:
7240
发表于 2021-6-4 17:55:12 |
贰山 发表于 2021-6-4 11:39
好像不是line-height的问题,是scorll-view引起的,scorll-view的显示和隐藏会影响兄弟节点s的位置 ...

给使用 v-if 的元素外面包一层 view 试试,相当于把位置固定。

新手上路

UID:910963

主题:
21
帖子:
86
云币:
107
 楼主| 发表于 2021-6-4 17:56:37 |
技术咨询-Kenny 发表于 2021-6-4 17:55
给使用 v-if 的元素外面包一层 view 试试,相当于把位置固定。

不知道为什么,那样就不显示了

新手上路

UID:910963

主题:
21
帖子:
86
云币:
107
 楼主| 发表于 2021-6-4 18:04:22 |
技术咨询-Kenny 发表于 2021-6-4 17:55
给使用 v-if 的元素外面包一层 view 试试,相当于把位置固定。

scroll-view消失后,那个元素果然不动了,但我还需要scroll-view啊

不过奇怪的是,影响的是user的标签,其中只影响了子元素user-name。
其他的兄弟元素没有受到影响。
也不确定是不是scroll-view的原因。

主题:
25
帖子:
7691
云币:
7240
发表于 2021-6-4 18:25:42 |
贰山 发表于 2021-6-4 18:04
scroll-view消失后,那个元素果然不动了,但我还需要scroll-view啊

不过奇怪的是,影响的是user的标签, ...

给 scroll-view 套一层 view 后,该 view 的样式要设置下,不然撑不开。
12下一页
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表