请选择 进入手机版 | 继续访问电脑版
帖子
帖子
用户
博客
课程
显示全部楼层
286
帖子
2
勋章
7万+
Y币

[开发工具] avm 的vif 的样式切换有严重问题

[复制链接]
发表于 2021-11-25 15:39:59
说明: 就使我先页面加载的时候,属于样式1,内容是默认背景色为白色,只是设置了宽高,没有特别设置背景色, 然后点击一个按钮,变成样式2,也就是背景色变黑,然后再点击 样式1 按钮, 然后这个时候,属于样式2的背景色居然还存在,并没有被去除元素

  1. <template>
  2.         <view class="page">
  3.                 <safe-area></safe-area>
  4.                         <button class="" @click="test(1)">样式1</button>
  5.                         <button class="" @click="test(2)">样式2</button>
  6.                         <view v-if="active == 1" class="test1"></view>
  7.                         <view v-if="active == 2" class="test2"></view>
  8.         </view>
  9. </template>


  10. <script>
  11. export default {
  12.         name: 'home_frm',
  13.         install() {
  14.                 if (api.platform == 'app') {
  15.                         api.setStatusBarStyle({
  16.                                 style: 'dark'
  17.                         });
  18.                 }
  19.         },
  20.         apiready() {//like created

  21.         },
  22.         data() {
  23.                 return {
  24.                         active: 1
  25.                 }
  26.         },
  27.         methods: {
  28.                 test(index) {
  29.                         this.data.active = index;
  30.                 }
  31.         }
  32. }
  33. </script>

  34. <style>
  35. .test2 {
  36.         background: #000;
  37.         width: 100%;
  38.         height: 300px;
  39. }
  40. .test1 {
  41.         width: 100%;
  42.         height: 300px;
  43. }
  44. .page {
  45.         width: 100%;
  46.         height: 100%;
  47. }
  48. </style>
复制代码


380
帖子
4
勋章
6
Y币
android   iOS  都有问题吗?
286
帖子
2
勋章
7万+
Y币
ios 没问题, 就安卓存在,赶紧修一修,因为这个现在没法在安卓调试了
380
帖子
4
勋章
6
Y币
收到,我们看一下
380
帖子
4
勋章
6
Y币
先换个写法
忽上忽下 · 2021-11-25 15:56仔细测试了一下,ios 也有,ios 的这个样式没有清除我这里测试出来是在list-view 标签和 grid-view 标签的来回切换,更换背景颜色,出现了这个,需要我可以提供ios 出现bug 的源码

...
286
帖子
2
勋章
7万+
Y币
vshow 也有类似的问题,大佬可以自己搞个demo试试
20
帖子
1
勋章
7559
Y币
css样式在原生中目前还不能做到像浏览器一样的运算,如果要实现切换,可以将需要样式都写好,明确声明,比如白色背景切换到黑色背景:
test1{
width:100%;
height:100%;
background:#FFF;
}
test2{
width:100%;
height:100%;
background:#000;
}
51
帖子
1
勋章
273
Y币
这个真是太难以接受了,研究了好几天,发现无解
常山赵子云 · 2021-12-6 16:06css样式在原生中目前还不能做到像浏览器一样的运算,如果要实现切换,可以将需要样式都写好,明确声明,比如白色背景切换到黑色背景:
test1{
width:100%;
您需要登录后才可以回帖 登录

本版积分规则