• 不支持复杂css选择器,请使用class选择器
  • 可以使用scss
  • 文字应被text标签包裹
  • 字体样式不会被子元素继承
  • 默认布局为flex,且flex-direction默认为column纵向排列
  • css无法使用百分比、vw / vh
  • 纵向全屏请使用flex: 1;横向全屏可以用width: 750rpx
  • 图片应使用image标签
  • 图片显示模式应给标签设置resize属性,值为 cover(纵向完整) / contain(横向完整) / stretch(缩放)
  • 不支持background-image,需要背景图请使用image标签定位实现
  • 如果需要实现遮罩,请给遮罩设置一个点击事件(空函数即可),否则遮罩会被穿透操作下方元素
    不支持nvue文件中调用Vue实例挂载的数据或方法即Vue.prototype,解决方案:使用App.vue下的globalData、单独import引入js到nvue页面使用

不支持@click.stop,防止冒泡请参照下方

//DOM: <div @click="stop"></div>

stop(event) {
    event.stopPropagation();
    console.log('阻止冒泡');
},

多行文本溢出省略必须使用text标签,定义css样式如下

.content{
    /*显示的行数*/
    lines: 2;
    /*设置省略部分如何显示,ellipsis为省略号*/
    text-overflow: ellipsis;
}
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐