Newyorkcity
V2EX  ›  微信

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

  •  
  •   Newyorkcity · Jul 1, 2019 · 2681 views
    This topic created in 2525 days ago, the information mentioned may be changed or developed.

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

    如图所示,明明这两个“收货地址”的 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 replies    2019-07-02 10:42:32 +08:00
    2kCS5c0b0ITXE5k2
        1
    2kCS5c0b0ITXE5k2  
       Jul 1, 2019
    信息太少了 看下第二个的样式
    Newyorkcity
        2
    Newyorkcity  
    OP
       Jul 2, 2019
    @emeab 额?第二个样式是指?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   869 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 20:16 · PVG 04:16 · LAX 13:16 · JFK 16:16
    ♥ Do have faith in what you're doing.