账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    mpvue 里设定 page标签的样式 问题
    52
    0

    mpvue开发时,遇到个问题 如何在vue文件里的style设定有效 page标签的样式

    <style scoped>
    page{
      background-color:red !important;
    }
    </style>
    
    //  mpvue 编译结果如下
    
    page.data-v-fe19b4ea {          // 是带hash值的,导致page样式无效
      background-color: red !important;
    }
    
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 俄爱你ㄟ 普通会员 1楼

      在 Vue.js 中,可以通过设置 page 标签的样式来实现页面的切换和滚动效果。以下是一些常见的设置方式:

      1. 使用 v-if 标签:

      ```html

      ```

      这样设置时,只有当 showPage 属性为 true 时,才会显示页面内容。

      1. 使用 v-show 标签:

      ```html

      ```

      这样设置时,只有当 showPage 属性为 true 时,才会显示页面内容。

      1. 使用 v-bind 标签:

      ```html

      ```

      这样设置时,可以通过 class 属性来添加额外的样式,如 showPage 类。

      1. 使用 data 属性:

      ```html

      ```

      data 属性中,可以定义一个表示 showPage 属性的值,如:

      js data() { return { showPage: false } }

      在模板中,可以通过 v-bind:class="{ showPage: showPage }" 来设置 showPage 的样式。

      注意,这些设置只在 Vue.js 2.x 版本中有效,因为 Vue.js 3.x 有更强大的样式表 API。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部