请教一个在微信小程序中遇到的 css 问题

2019-07-01 23:07:36 +08:00
 Newyorkcity

如果那个图片看不清,请点击这里。

如图所示,明明这两个“收货地址”的 view 用的都是同一个样式,为何在样式上却并不相同呢?

一开始我是想把这些其它功能放到一个 view 里,然后发现放进去后这些功能的导航栏的左侧 padding 不对头(和前面设置的“我的订单”不一样),我想不通为什么,才把其中一个复制到 view 外面,发现居然就解决了。

虽然解决了但我更想知道为什么,以及如何仍把它们放在一个 view 中的前提下,保证样式和“我的订单”一致呢?

最后附上样式代码

/* 用来统一一个导航栏左侧是文字右侧是一个小箭头的样式 */
.navigator-view {
  width:100%;
  padding:15rpx 0 15rpx 100rpx;
  border-bottom: 1px solid #eee;

  display: flex;
  align-items: center;
  justify-content: left;
}

.navigator-view navigator {
  width:620rpx;
}

.navigator-view image {
  display: block;
  width: 30rpx;
  height: 30rpx;
}

/* 导航栏样式管理结束 */

谢谢!

2245 次点击
所在节点    微信
2 条回复
emeab
2019-07-01 23:28:52 +08:00
信息太少了 看下第二个的样式
Newyorkcity
2019-07-02 10:42:32 +08:00
@emeab 额?第二个样式是指?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/579125

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX