网站开发开票内容,专业网站制作公司地址,网站策划软件,域名是什么样式的文章目录 1、仅支持flex布局2、字体样式3、高度问题 1、仅支持flex布局
仅支持flex布局。而且默认的是 flex-direction: column;
2、字体样式
字体的样式#xff0c;必须要写在 text 标签内#xff0c;才能生效 错误示例#xff1a;
!-- 错误示例 --
div cl… 文章目录 1、仅支持flex布局2、字体样式3、高度问题 1、仅支持flex布局
仅支持flex布局。而且默认的是 flex-direction: column;
2、字体样式
字体的样式必须要写在 text 标签内才能生效 错误示例
!-- 错误示例 --
div classtest这是一段文字/div
style
.test{color: red;
}
/style正确示例
!-- 正确示例 --
divtext classtest这是一段文字/text
/div
style
.test{color: red;
}
/style3、高度问题
nvue文件中不支持100%vhvm等 例如在uniapp中 错误写法
!-- 错误写法 --
div classcontainer/div
style
.container{height: 100vh
}
/style正确写法
!-- 正确写法 --
div classcontainer :stylecontainerStyle/div
script
export default {data(){return {containerStyle:{height: 0px}}},onLoad(){this.getScreenHeight()},methods:{// 获取屏幕高度getScreenHeight() {uni.getSystemInfo().then(info {this.containerStyle.height info[1].safeArea.height px})},}
}
/script
