关于布局和标签的问题
来源：5-10 认识 .vue 文件结构与 logo 图片展示
weixin_慕设计4129719
2022-03-26
老师你好.
对小程序标签的布局不是很熟悉…例如,image标签和img标签的表现就不一样
使用img标签,并设置object-fit:cover,可以使logo正常显示,但是运行到浏览器中正常显示,在微信小程序中就不行了.下面代码只能在浏览器中生效.
<template>
<view class="hot">
<img class="logo" src="@/static/images/logo.png"></img>
</view>
</template>
<style lang="scss" scoped>
.hot{
display: flex;
justify-content: center;
// 使用sass公共文件uni.scss,不用引入
background-color:$uni-bg-color ;
.logo{
object-fit: cover;
height: 80px;
}
}
</style>
如果使用image标签,那么使用object-fit就不生效了.之前的布局方式都不生效了,所以一时间不知道怎么布局了…😂
uni-app和小程序一样,也是只能用小程序里面特有的标签,不能用html的标签😹
有没有办法把vue项目转换成uni-app项目?
写回答
1回答
-
你好
是不可以把 vue 项目转化为 uniapp 项目的。
因为html 标签需要 浏览器的进行解析，而 小程序不存在浏览器概念，所以无法使用 html 标签。 小程序中的标签全部都是小程序内部提供的组件，本质上确实存在不同。
但是在 uniapp 中，它会进行处理这种不同，通常情况下我们是可以正常使用的。无果某些时候出现了适配问题，那么只能想办法绕过这种适配的情况
012022-03-26
相似问题