为了账号安全,请及时绑定邮箱和手机立即绑定

小程序布局问题

小程序布局问题

totosspace 2018-06-22 10:41:27

小程序布局问题

我要实现最左边是一个image组件,最右边是一个view组件,这两个组件宽一定。中间是一个text组件,text组件的宽度不是定值,是会随之改变的。

怎么操作?

就像下图中显示的:

https://img2.sycdn.imooc.com/5b2c61700001edea10801632.jpg

我现在问题是text组件随之会变化,会将view 组件挤出界面。

查看完整描述

7 回答

已采纳
?
小白菜菜菜

TA贡献2条经验 获得超5个赞

https://img4.sycdn.imooc.com/5b2c948e000119ee02720460.jpg

是不是你想要的

查看完整回答
3 反对 回复 2018-06-22
?
小白菜菜菜

TA贡献2条经验 获得超5个赞

用flex布局

查看完整回答
2 反对 回复 2018-06-22
?
totosspace

TA贡献5条经验 获得超3个赞

https://img3.sycdn.imooc.com/5b2c7ce40001fdfb03750565.jpg

代码如上

查看完整回答
2 反对 回复 2018-06-22
  • Sapce
    Sapce
    view display:flex 改为 display:inline-flex display属性默认占据一整行,需要用inline修饰一下才能与其他容器同行显示
  • Sapce
    Sapce
    希望是这样
?
Sapce

TA贡献6条经验 获得超3个赞

有代码吗
可以试试将view设置为 float:right;

查看完整回答
1 反对 回复 2018-06-22
  • totosspace
    totosspace
    代码,我在新的回答中贴出来了,评论不能用图片。
  • totosspace
    totosspace
    写得有点乱。各种代码都试了,不行。
?
慕哥3010444

TA贡献1条经验 获得超0个赞

一起部署就行了,html和生成的js往后端一丢,只要能访问到html就行。但有很多细节要注意,如果前端用hash来跳转,那无所谓,如果是正常的链接跳转,那就要后端把前端路由的请求转发回html,并且后端请求最好以api/v1这样的形式来和前端路由区分开来

查看完整回答
反对 回复 2021-07-31

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信