V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Newyorkcity
V2EX  ›  微信

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

  •  
  •   Newyorkcity · 2019-07-01 23:07:36 +08:00 · 2314 次点击
    这是一个创建于 1983 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    如图所示,明明这两个“收货地址”的 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;
    }
    
    /* 导航栏样式管理结束 */
    

    谢谢!

    2 条回复    2019-07-02 10:42:32 +08:00
    2kCS5c0b0ITXE5k2
        1
    2kCS5c0b0ITXE5k2  
       2019-07-01 23:28:52 +08:00
    信息太少了 看下第二个的样式
    Newyorkcity
        2
    Newyorkcity  
    OP
       2019-07-02 10:42:32 +08:00
    @emeab 额?第二个样式是指?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1017 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 20:49 · PVG 04:49 · LAX 12:49 · JFK 15:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.