收藏
回答

HbuilderX的样式在小程序端没有作用?

Hbuilder X预览的结果

微信开发者工具的结果

样式代码

<style scoped lang="scss">

.my-order .header {

height: 260rpx;

padding: 0 30rpx;

}

.my-order .header .picTxt {

height: 190rpx;

}

.my-order .header .picTxt .text {

color: rgba(255, 255, 255, 0.8);

font-size: 26rpx;

font-family: 'Guildford Pro';

}

.my-order .header .picTxt .text .name {

font-size: 34rpx;

font-weight: bold;

color: #fff;

margin-bottom: 20rpx;

}

.my-order .header .picTxt .pictrue {

width: 122rpx;

height: 109rpx;

}

.my-order .header .picTxt .pictrue image {

width: 100%;

height: 100%;

}

.my-order .nav {

background-color: #fff;

width: 690rpx;

height: 140rpx;

border-radius: 6rpx;

margin: -73rpx auto 0 auto;

}

.my-order .nav .item {

text-align: center;

font-size: 26rpx;

color: #282828;

padding: 29rpx 0;

}

.my-order .nav .item.on {

font-weight: bold;

border-bottom: 5rpx solid #e93323;

}

.my-order .nav .item .num {

margin-top: 18rpx;

}

.my-order .list {

width: 690rpx;

margin: 14rpx auto 0 auto;

}

.my-order .list .item {

background-color: #fff;

border-radius: 6rpx;

margin-bottom: 14rpx;

}

.my-order .list .item .title {

height: 84rpx;

padding: 0 30rpx;

border-bottom: 1rpx solid #eee;

font-size: 28rpx;

color: #282828;

}

.my-order .list .item .title .sign {

font-size: 24rpx;

padding: 0 7rpx;

height: 36rpx;

margin-right: 15rpx;

}

.my-order .list .item .item-info {

padding: 0 30rpx;

margin-top: 22rpx;

}

.my-order .list .item .item-info .pictrue {

width: 120rpx;

height: 120rpx;

}

.my-order .list .item .item-info .pictrue image {

width: 100%;

height: 100%;

border-radius: 6rpx;

}

.my-order .list .item .item-info .text {

width: 486rpx;

font-size: 28rpx;

color: #999;

margin-top: 6rpx;

}

.my-order .list .item .item-info .text .name {

width: 306rpx;

color: #282828;

}

.my-order .list .item .item-info .text .money {

text-align: right;

}

.my-order .list .item .totalPrice {

font-size: 26rpx;

color: #282828;

text-align: right;

margin: 27rpx 0 0 30rpx;

padding: 0 30rpx 30rpx 0;

border-bottom: 1rpx solid #eee;

}

.my-order .list .item .totalPrice .money {

font-size: 28rpx;

font-weight: bold;

}

.my-order .list .item .bottom {

height: 107rpx;

padding: 0 30rpx;

}

.my-order .list .item .bottom .bnt {

width: 176rpx;

height: 60rpx;

text-align: center;

line-height: 60rpx;

color: #fff;

border-radius: 50rpx;

font-size: 27rpx;

}

.my-order .list .item .bottom .bnt.cancelBnt {

border: 1rpx solid #ddd;

color: #aaa;

}

.my-order .list .item .bottom .bnt~.bnt {

margin-left: 17rpx;

}

.noCart {

margin-top: 171rpx;

padding-top: 0.1rpx;

}

.noCart .pictrue {

width: 414rpx;

height: 336rpx;

margin: 78rpx auto 56rpx auto;

}

.noCart .pictrue image {

width: 100%;

height: 100%;

}

</style>


望解答 谢谢!

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

1 个回答

  • ?
    ?
    01-02

    在h5上也是这样子的?

    01-02
    有用
    回复 1
    • .......
      .......
      发表于移动端
      01-02
      已经解决了 分包的时候出问题了 谢谢
      01-02
      回复
登录 后发表内容
问题标签