收藏
回答

这种样子的边框wxss如何写

框架类型 问题类型 操作系统 工具版本
小程序 需求 Windows 1.02.1905151



图中红圈部分的wxss 应该怎么写能出现这种中间隔断的样式呢,将时间放在中央,用border吗?求指教,谢谢!!


回答关注问题邀请回答
收藏

3 个回答

  • 啊展
    啊展
    2019-05-30

    用2个单独的view设宽高背景颜色 画成横线就好啦  和时间在一起 3个横排

    2019-05-30
    赞同 1
    回复
  • 铭锋科技
    铭锋科技
    2019-05-28

    大概这样子吧


    <view class='date'>2019-4-8</view>




    .date{

    display:table;

    width: 90%;

    line-height: 32rpx;

    margin: 20rpx auto;

    background-color: #fff;

    white-space: nowrap;

    border-spacing: 20rpx 0;

    }

    .date:before,

    .date:after{

    display: table-cell;

    content: '';

    width: 50%;

    background: linear-gradient(rgb(81, 255, 0),rgb(34, 235, 7)) repeat-x left center;

    background-size: 1px 10rpx;

    }



    2019-05-28
    赞同 1
    回复 1
    • PQ🍬
      PQ🍬
      2019-05-28

      谢谢你!解决了我的问题!

      2019-05-28
      回复
  • 朱柯青
    朱柯青
    2019-05-27

    很多办法,个人觉得用伪元素最快

    2019-05-27
    赞同 1
    回复
登录 后发表内容