小程序开发者工具更新后所有程序都报wxss编译错误,小程序做一个添加购物车选择商品规格

网上好朋友回复:

小程序达成增加购物车选取标准

<swiperindicator-dots=”{{indicatorDots}}”autoplay=”{{autoplay}}”interval=”{{interval}}”duration=”{{duration}}”circular=”{{circular}}”><blockwx:for=”{{picture}}”><swiper-item><imagesrc=”{{item.img}}”mode=’scaleToFill’/></swiper-item></block></swiper><view><viewclass=’name’>{{goods_info.goods_name}}</view><viewclass=’price’><textclass=’left’>¥</text><textclass=’shop_price’>{{goods_info.shop_price}}</text><textclass=’market_price’>{{goods_info.market_price}}</text></view></view><viewclass=’line’></view><viewclass=’choose_spec’><textclass=’left’>已选</text><viewclass=’spec’>{{selectName}}</view><viewclass=’more’bindtap=’modal_show’data-flag=”0″><imageclass=’right’src=’/images/detail/more.png’bindtap=’choose_spec’></image></view></view><viewclass=’line’></view><viewclass=’comment_head’><text>评价</text><viewclass=’comment_right’><imagesrc=”/images/detail/more.png”></image></view></view><view></view><viewclass=’comment’><view><viewclass=’head_img’style=”background:
url(”)
no-repeat; background-size:
cover;”></view><textclass=’nick_name’>疯狂的李狗蛋儿</text><imageclass=’star’src=”/images/detail/star5.png”></image></view><viewclass=’comment_content’>回家为维护和额作者好卡IE笔者人文情状人文意况业务8二维大家异常快哒二球的大健康大厦火炬大厦会快捷打死大家好的委屈的健康啦就可以登入三打斗了可完全打卡机</view><viewclass=’comment_img’><imageclass=’comment_item_img’src=”
>
0}}”><view>确认</view></block><blockelse><view><button>到场购物车</button><button>立刻购买</button></view></block></view>

.swiper{height: 750rpx;width: 750rpx;box-sizing: border-box;}.swiper
.slide-image{width: 750rpx;height: 750rpx;}.goods{width: 750rpx;height:
215rpx;padding: 34rpx30rpx;box-sizing: border-box;}.goods .name{width:
702rpx;height: 70rpx;line-height:35rpx;font-size: 28rpx;overflow:
hidden;display:
-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.goods
.name{width: 702rpx;height: 70rpx;}.goods .price{margin-top:20rpx;color:
#C62127;font-size: 32rpx;}.goods .price.left{font-size: 24rpx;}.goods
.price.shop_price{font-weight:700;}.goods
.price.market_price{font-size: 24rpx;color:
#D7D7D7;margin-left:20rpx;text-decoration-line:line-through;}.line{width:
750rpx;height: 10rpx;background: #EFEFF4;}.choose_spec{width:
750rpx;height: 90rpx;padding: 020rpx;line-height:90rpx;box-sizing:
border-box;}.choose_spec.left{font-size: 24rpx;color: #B6B6B6;float:
left;}.choose_spec.spec{height: 90rpx;width:
550rpx;margin-left:30rpx;line-height:90rpx;font-size: 24rpx;color:
#707070;float: left;}.choose_spec.more{width: 60rpx;height:
90rpx;margin-left:650rpx;}.choose_spec.right{width: 38rpx;height:
8rpx;}.comment_head{width: 750rpx;height:
90rpx;line-height:90rpx;font-size: 24rpx;color: #B6B6B6;padding:
020rpx;box-sizing: border-box;}.comment_headtext{float:
left;}.comment_head.comment_right{width: 50rpx;height: 90rpx;float:
left;margin-left:604rpx;}.comment_headimage{width: 38rpx;height:
8rpx;}.line1{width: 750rpx;height:
2rpx;background:#D7D7D7;}.comment{width: 750rpx;height: 428rpx;padding:
20rpx20rpx;box-sizing: border-box;}.comment .top{width: 100%;height:
100rpx;line-height:100rpx;}.comment .top.head_img{width: 100rpx;height:
100rpx;border-radius:50%;float: left;}.comment
.top.nick_name{font-size: 21rpx;margin-left:12rpx;}.comment
.top.star{width: 120rpx;height: 18rpx;margin-left:310rpx;}.comment
.comment_content{margin-top:20rpx;height:
64rpx;line-height:32rpx;font-size: 24rpx;overflow: hidden;display:
-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.comment
.comment_img{height: 165rpx;width: 165rpx;overflow:
hidden;margin-top:20rpx;}.comment .comment_img{height: 165rpx;width:
100%;}.comment .comment_img.comment_item_img{width: 165rpx;height:
165rpx;box-sizing: border-box;/* border:2rpx #C62127 solid;
*/padding: 10rpx10rpx;}.des{width: 750rpx;margin-bottom:100rpx;}.des
.des_head{width: 750rpx;height: 100rpx;line-height:100rpx;font-size:
28rpx;color: #707070;text-align: center;}.des .des_img{width:
750rpx;}.detail_footer{width: 750rpx;height: 100rpx;position:
fixed;bottom: 0;border-top: 4rpx

box-sizing: border-box;}.detail_footer.detail_cart{width:
250rpx;height: 100rpx;background: #fff;float:
left;}.detail_footer.detail_cart image{width: 46rpx;height:
46rpx;margin-left:100rpx;margin-top:10rpx;}.detail_footer.detail_cart
.cart_font{font-size:
24rpx;text-align:center;}.detail_footer.buy{width: 250rpx;height:
100rpx;background:#FF9500;margin-left:250rpx;text-align:
center;line-height:100rpx;color:
#fff;}.detail_footer.addCart{position: fixed;bottom: 0;right: 0;width:
250rpx;height: 99rpx;background: #C62127;text-align:
center;line-height:99rpx;color: #fff;}/蒙版 /.mask{width:
750rpx;height: 100%;background: #C0C0C0;z-index: 10;position:
fixed;top: 0;opacity: 0.8;}/分选标准层面/.choose{display:
none;flex-direction:row;align-items:center;background-color:

position: fixed;bottom: 0;right: 0;/* border: 1px solid #f44336;
/z-index: 100;width: 750rpx;box-sizing:
border-box;}/
知晓向来点击来时候 */.choose
.modal_button{flex-direction:row;background-color:

position: inherit;bottom: 0;z-index: 100;width: 750rpx;height:
106rpx;line-height:106rpx;color:
#fff;text-align:center;margin:0auto;}/不清楚从哪点进来时候/.choose
.modal_button_two{flex-direction:row;align-items:center;float:
left;background-color:

position: inherit;bottom: 0;right: 0;z-index: 10;width: 100%;height:
50px;}.choose .modal_button_twobutton{width: 50%;float: left;color:
#fff;border-radius:0px;}.choose
.modal_button_two.modal_cart{background: #FFB03F;}.choose
.modal_button_two.modal_buy{background: #f44336;}/* */.choose
.spec_img_container{height:100px;border-bottom:2px solid
#F5F5F5;position: relative;}.choose .spec_img_containerimage{width:
200rpx;height: 200rpx;position: absolute;top:-40rpx;left: 20rpx;border:
2px

border-radius:5px;}.choose .spec_img_container.amount{width:
400rpx;color: red;position: absolute;top: 80rpx;left:240rpx;}.choose
.spec_img_container.clear{position:absolute;top:20rpx;right:20rpx;}.choose
.spec_view_container{width: 100%;}.choose
.spec_view_container.modal_de_select{font-size: 28rpx;color:
#808080;margin-left:20rpx;margin-top:10rpx;}.choose
.spec_view_container.modal_spec{margin-left:20rpx;margin-top:10rpx;font-size:28rpx;}.choose
.spec_view_container.modal_spec_name{margin-left:5rpx;margin-top:10rpx;font-size:28rpx;color:#8B0000;}/*
.choose .spec_view_container .modal_spec_name::after{content:
“”;clear: both;display: block;overflow: hidden;} // .choose
.spec_view_container .radio-group{padding:18rpx;} */.choose
.spec_view_container.modal_spec_item_{width: 750rpx;display:
inline-block;width:fit-content;width:-webkit-fit-content;width:-moz-fit-content;min-width:
80rpx;max-width: 400rpx;height: 50rpx;line-height:50rpx;border: 2rpx

margin-left:20rpx;margin-top:20rpx;border-radius:10rpx;text-align:
center;}.choose .spec_view_container.modal_spec_item_active{width:
750rpx;display:
inline-block;width:fit-content;width:-webkit-fit-content;width:-moz-fit-content;min-width:
80rpx;max-width: 400rpx;height: 50rpx;line-height:50rpx;/* border: 2rpx
red solid;
/margin-left:20rpx;margin-top:20rpx;border-radius:10rpx;text-align:
center;background: #C62127;color: #fff;}.choose .buy_num
{margin-top:40rpx;margin-bottom:120rpx;font-size: 28rpx;}.choose
.buy_num.font_num{margin-left:20rpx;}/
主容器/.choose
.buy_num.stepper {width: 200rpx;height:
62rpx;/
给主容器设二个边框/border: 2rpxsolid
#ccc;border-radius:3px;margin-left:40rpx;margin-top:20rpx;}/
加号和减号/.choose
.buy_num.stepper text {width:
58rpx;line-height:62rpx;text-align:center;float: left;}/
数值/.choose
.buy_num.stepper input {width: 80rpx;height: 62rpx;float: left;margin:
0auto;text-align:center;font-size:32rpx;/
给中间的input设置左右侧框就能够*/border-left:2rpx
solid

border-right:2rpx solid

}/平时样式/.choose .buy_num.stepper .normal{color:
black;}/剥夺样式/.choose .buy_num.stepper .disabled{color: #ccc;}

const app = getApp();var selectIndex;//选用的大规格keyvar
attrIndex;//选取的小尺码的keyvar selectIndexArray =
[];//采用属性名字的数组var selectAttrid =
[];//选拔的质量idPage({/**

  • 页面的上马数据/data: {picture: [{ img:

    },{ img:

    },{ img:

    },],//swiper相关indicatorDots: true,autoplay: true,interval:
    两千,duration: 1000,circular: true,//选用的原则num:
    1,//伊始数量amount: 0,//开端金额minusStatus: ‘disabled’,//
    使用data数据对象设置样式名choose_modal: “block”,// 规格数量框flag:
    0,//点选规格时源于 0:规格点 1:马上购买
    2:插手购物车//规格数据spec: [{“id”:1, “name”:”u989cu8272″,
    “child”: [{“id”: 11, “name”:”u7ea2u8272″, “isSelect”:true},
    {“id”:111, “name”:”u767du8272″, “isSelect”:false}]}, {“id”:2,
    “name”:”u5c3au7801″, “child”: [{“id”: 21,
    “name”:”u5c0fu53f7″, “isSelect”:true}, {“id”:22,
    “name”:”u5927u53f7″, “isSelect”:false}]}],selectName:
    “”,//已选的品质名字selectAttrid:
    [],//采用的习性id//商品音信goods_info: {},},/
    *
  • 生命周期函数–监听页面加载/onLoad: function {var that =
    this;wx.request({url: app.globalData.host +
    ‘/index.php/app/goods/goodsDetails/goods_id/34’,header:
    {‘Content-type’:’application/json’},success: function
    {console.log(res.data.data.goods_info);that.setData({goods_info:
    res.data.data.goods_info,});that.init_attr},/
    *
  • 生命周期函数–监听页面初次渲染完毕/onReady: function () {},/*
  • 生命周期函数–监听页面突显/onShow: function () {},/*
  • 生命周期函数–监听页面掩盖/onHide: function () {},/*
  • 生命周期函数–监听页面卸载/onUnload: function () {},/*
  • 页面相关事件管理函数–监听用户下带动作/onPullDownRefresh: function
    () {},/
    *
  • 页面上拉触底事件的管理函数/onReachBottom: function () {},/*
  • 客户点击右上角分享/onShareAppMessage: function () {},/ 点击减号
    /bindMinus: function () {var num = this.data.num;//
    若是超过1时,才方可减if (num > 1) {num–;}//
    只有超越一件的时候,本领normal状态,不然disable状态var minusStatus =
    num <=1 ? ‘disabled’ :’normal’;//
    将数值与气象写回this.setData({num: num,minusStatus:
    minusStatus});this.change_spec();this.change_price();},bindPlus:
    function () {var num = this.data.num;// 不作过多着想自增1num++;//
    唯有当先一件的时候,本事normal状态,否则disable状态var minusStatus =
    num <1 ? ‘disabled’ :’normal’;//
    将数值与气象写回this.setData({num: num,minusStatus:
    minusStatus});this.change_spec();this.change_price();},/

    输入框事件 */bind马努al: function {var num = e.detail.value;if
    (isNaN {num = 1;}// 将数值与气象写回this.setData({num:
    parseInt;this.change_spec();this.change_price();},//弹出modal_show:
    function {var flag =
    e.currentTarget.dataset.flag;this.setData({flag: flag,choose_modal:
    “block”,});},//消失modal_none: function ()
    {this.setData({choose_modal: “none”,});},clickAttr: function {//
    console.log;return;var selectIndex =
    e.currentTarget.dataset.selectIndex;var attrIndex =
    e.currentTarget.dataset.attrIndex;var spec = this.data.spec;var
    count = spec[selectIndex].child.length;// console.log; return;for
    (var i =0; i < count; i++)
    {spec[selectIndex].child[i].isSelect =
    false;}spec[selectIndex].child[attrIndex].isSelect = true;var
    name =
    spec[selectIndex].child[attrIndex].name;//点击属性的名号var
    attrid = spec[selectIndex].child[attrIndex].id;//
    //点击过,修改属性var selectName
    =””;//点击过,修改属性selectIndexArray[selectIndex].value =
    name;selectAttrid[selectIndex] = attrid;var selectIndexArraySize =
    selectIndexArray.length;//将数组的享有属性名拼接起来for (var i =0; i
    < selectIndexArraySize; i++) {selectName += ‘ “‘ +
    selectIndexArray[i].value +'”
    ‘;}console.log(selectName);this.setData({spec:
    spec,//转变选用框selectName: selectName,selectAttrid:
    selectAttrid});},//最早化规格选拔init_attr: function ()
    {//开始化规格选用var name = “”;var spec = this.data.spec;var size =
    spec.length;for (var i =0; i < size; i++)
    {selectIndexArray.push({ key: i, value: spec[i].child[0].name
    });selectAttrid.push(spec[i].child[0].id)name += ‘ “‘ +
    selectIndexArray[i].value +'” ‘;}var selectName
    =this.data.selectName;selectName = name;this.setData({selectName:
    selectName,selectAttrid: selectAttrid});}})

r***:

您好,请提供一下wxss代码

軍***:

/**app.wxss**/

.container {

height: 100%;

display: flex;

flex-direction: column;

align-items: center;

justify-content: space-between;

padding: 200rpx 0;

box-sizing: border-box;

}

button[type=”primary”] {

color:#FFFFFF;

background-color:#1AAD19;

}

button {

margin-top:30rpx;

margin-bottom:30rpx;

}

button {

margin-top:20rpx;

margin-bottom:20rpx;

}

button {

position:relative;

display:block;

margin-left:auto;

margin-right:auto;

padding-left:14px;

padding-right:14px;

发表评论

电子邮件地址不会被公开。 必填项已用*标注