个人案例
- 小直商
商品+直播
小直商扫码体验
[代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"bgwrap"[代码] [代码]style[代码][代码]=[代码][代码]"background-image: url('{{bgurl}}');"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"bg"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"floorTile panel-heading"[代码][代码]>{{floortitle}}</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"flexRow demo"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"flex1 flexRow"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"red"[代码][代码]></[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"flex1"[代码][代码]>已售</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"flex1 flexRow"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"default"[代码][代码]></[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"flex1"[代码][代码]>未售</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"flex1 flexRow"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"yellow"[代码][代码]></[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"flex1"[代码][代码]>小定</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"wrap tableWrap"[代码] [代码]hidden[代码][代码]=[代码][代码]"{{show}}"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"tableTop flexRow"[代码][代码]>[代码][代码] [代码][代码] [代码] [代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"flex1 flexRow scroll_box"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]scroll-view[代码] [代码]class[代码][代码]=[代码][代码]"scroll-view_x"[代码] [代码]scrollX[代码][代码]=[代码][代码]"true"[代码] [代码]style[代码][代码]=[代码][代码]"width: auto;overflow:hidden;"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"flex1 ar{{index}} "[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{homelist}}"[代码] [代码]wx:key[代码][代码]=[代码][代码]"unit"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"flex1 flexCloum"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]" br"[代码][代码]>-</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"flexRow"[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{item}}"[代码] [代码]wx:key[代码][代码]=[代码][代码]"unit"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]block[代码] [代码]wx:if[代码][代码]=[代码][代码]"{{item.houselist!=''}}"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]bindtap[代码][代码]=[代码][代码]"roominfo"[代码] [代码]class[代码][代码]=[代码][代码]"br flex1 statu{{item.pay_statu}}"[代码] [代码]data-floor_no[代码][代码]=[代码][代码]"{{item.floor_no}}"[代码] [代码]data-house_no[代码][代码]=[代码][代码]"{{item.house_no}}"[代码] [代码]data-houseid[代码][代码]=[代码][代码]"{{item.id}}"[代码] [代码]data-statu[代码][代码]=[代码][代码]"{{item.pay_statu}}"[代码] [代码]data-unit_no[代码][代码]=[代码][代码]"{{item.unit_no}}"[代码] [代码]data-userlevel[代码][代码]=[代码][代码]"{{homelist[0].userlevel}}"[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{item.houselist}}"[代码] [代码]wx:key[代码][代码]=[代码][代码]"unit"[代码][代码]>{{item.house_no}}</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]block[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]scroll-view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码] [代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码]
左右滑动白屏AppID(小程序ID) wx83b2233adae96c67 原始ID gh_31d4e0188ef8 进入单元页面显示房号列表,该列表横向数据多时,需要左右滑动才可以看到,ios左右一滑动该局域白屏,无法查看。 <view class="flex1 flexRow scroll_box"> 层内白屏,其他显示正常。 [代码].panel {[代码][代码] [代码][代码]margin[代码][代码]: [代码][代码]0[代码][代码];[代码][代码]}[代码] [代码].panel-heading.floorTile {[代码][代码] [代码][代码]border[代码][代码]: [代码][代码]0[代码][代码]rpx [代码][代码]solid[代码] [代码]#000[代码][代码]!important[代码][代码];[代码][代码]}[代码] [代码].floorTile {[代码][代码] [代码][代码]border[代码][代码]: [代码][代码]2[代码][代码]rpx [代码][代码]solid[代码] [代码]#eee[代码][代码];[代码][代码] [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]32[代码][代码]rpx;[代码][代码] [代码][代码]padding[代码][代码]: [代码][代码]10[代码][代码]rpx [代码][代码]30[代码][代码]rpx;[代码][代码]}[代码][代码].flexRow .statu[代码][代码]0[代码] [代码]{[代码][代码] [代码][代码]border-color[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码] [代码] [代码] [代码][代码]color[代码][代码]: [代码][代码]#666[代码][代码];[代码][代码]}[代码] [代码].flexRow .statu[代码][代码]1[代码] [代码]{[代码][代码] [代码][代码]border[代码][代码]: [代码][代码]1px[代码] [代码]solid[代码] [代码]#fff[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]red[代码][代码];[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码]}[代码] [代码].flexRow .statu[代码][代码]2[代码] [代码]{[代码][代码] [代码][代码]border[代码][代码]: [代码][代码]1px[代码] [代码]solid[代码] [代码]#fff[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#FFFF00[代码][代码];[代码][代码] [代码] [代码]}[代码] [代码].nav-tabs {[代码][代码] [代码][代码]margin-top[代码][代码]: [代码][代码]30[代码][代码]rpx;[代码][代码] [代码][代码]border-bottom[代码][代码]: [代码][代码]1px[代码] [代码]solid[代码] [代码]#ddd[代码][代码];[代码][代码] [代码][代码]padding-left[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]margin-bottom[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]list-style[代码][代码]: [代码][代码]none[代码][代码];[代码][代码]}[代码] [代码].nav-tabs .flex {[代码][代码] [代码][代码]margin-bottom[代码][代码]: [代码][代码]-2[代码][代码]rpx;[代码][代码] [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]padding[代码][代码]: [代码][代码]12[代码][代码]rpx [代码][代码]0[代码][代码];[代码][代码]}[代码] [代码].nav-tabs .active {[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]#555[代码][代码];[代码][代码] [代码][代码]cursor[代码][代码]: [代码][代码]default[代码][代码];[代码][代码] [代码][代码]background-color[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码] [代码][代码]border[代码][代码]: [代码][代码]2[代码][代码]rpx [代码][代码]solid[代码] [代码]#ddd[代码][代码];[代码][代码] [代码][代码]border-bottom-color[代码][代码]: [代码][代码]transparent[代码][代码];[代码][代码]}[代码] [代码].tableWrap {[代码][代码] [代码][代码]margin-top[代码][代码]: [代码][代码]30[代码][代码]rpx;[代码][代码] [代码][代码]border[代码][代码]: [代码][代码]1px[代码] [代码]solid[代码] [代码]#4E4C3F[代码][代码];[代码][代码]}[代码] [代码].br {[代码][代码] [代码][代码]padding[代码][代码]: [代码][代码]10[代码][代码]rpx;[代码][代码] [代码][代码]border[代码][代码]: [代码][代码]1px[代码] [代码]solid[代码] [代码]#4E4C3F[代码][代码];[代码][代码] [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]37[代码][代码]rpx;[代码][代码] [代码][代码]letter-spacing[代码][代码]: [代码][代码]-2[代码][代码]rpx;[代码][代码]}[代码] [代码].te {[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]26[代码][代码]rpx;[代码][代码]}[代码] [代码].ar[代码][代码]0[代码] [代码]{[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#F8F2F2[代码][代码];[代码][代码] [代码] [代码] [代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码];[代码][代码]}[代码][代码].disn { [代码][代码]display[代码][代码]: [代码][代码]none[代码][代码];}[代码][代码].ar[代码][代码]1[代码] [代码]{[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#edf9fd[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]81[代码][代码]vw;[代码][代码] [代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码];[代码][代码]}[代码] [代码].ar[代码][代码]2[代码] [代码]{[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]81[代码][代码]vw;[代码][代码] [代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码];[代码][代码]}[代码] [代码].ar[代码][代码]3[代码] [代码]{[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#F8F2F2[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]81[代码][代码]vw;[代码][代码] [代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码];[代码][代码]}[代码] [代码].floorInfos {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]fixed[代码][代码];[代码][代码] [代码][代码]left[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]124[代码][代码]rpx;[代码][代码] [代码][代码]min-width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]bottom[代码][代码]: [代码][代码]1[代码][代码]rpx;[代码][代码] [代码][代码]overflow-x: [代码][代码]auto[代码][代码];[代码][代码] [代码][代码]overflow-y: [代码][代码]auto[代码][代码];[代码][代码] [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];[代码][代码]}[代码] [代码].floorInfo {[代码][代码] [代码][代码]left[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]bottom[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码]}[代码] [代码].floorInfo.flexRow {[代码][代码] [代码][代码]flex-wrap: [代码][代码]nowrap[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#FEF7E5[代码][代码];[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]green[代码][代码];[代码][代码]}[代码] [代码].floorInfo .tit,.floorInfo .info {[代码][代码] [代码][代码]border[代码][代码]: [代码][代码]2[代码][代码]rpx [代码][代码]solid[代码] [代码]green[代码][代码];[代码][代码] [代码][代码]text-[代码][代码]overflow[代码][代码]: ellipsis;[代码][代码] [代码][代码]white-space[代码][代码]: [代码][代码]nowrap[代码][代码];[代码][代码] [代码][代码]padding[代码][代码]: [代码][代码]10[代码][代码]rpx [代码][代码]0[代码][代码];[代码][代码]}[代码] [代码].floorInfo .flex {[代码][代码] [代码][代码]margin-right[代码][代码]: [代码][代码]-2[代码][代码]rpx;[代码][代码] [代码][代码]margin-bottom[代码][代码]: [代码][代码]-2[代码][代码]rpx;[代码][代码] [代码][代码]max-width[代码][代码]: [代码][代码]none[代码][代码];[代码][代码]}[代码] [代码].[代码][代码]default[代码] [代码]{[代码][代码] [代码][代码]margin-right[代码][代码]: [代码][代码]16[代码][代码]rpx;[代码][代码] [代码][代码]padding[代码][代码]: [代码][代码]6[代码][代码]rpx [代码][代码]12[代码][代码]rpx;[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#F8F2F2[代码][代码];[代码][代码]}[代码] [代码].[代码][代码]green[代码] [代码]{[代码][代码] [代码][代码]margin-right[代码][代码]: [代码][代码]16[代码][代码]rpx;[代码][代码] [代码][代码]padding[代码][代码]: [代码][代码]6[代码][代码]rpx [代码][代码]12[代码][代码]rpx;[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#00B500[代码][代码];[代码][代码]}[代码] [代码].[代码][代码]red[代码] [代码]{[代码][代码] [代码][代码]padding[代码][代码]: [代码][代码]6[代码][代码]rpx [代码][代码]12[代码][代码]rpx;[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]red[代码][代码];[代码][代码] [代码][代码]margin-right[代码][代码]: [代码][代码]16[代码][代码]rpx;[代码][代码]}[代码] [代码].yellow {[代码][代码] [代码][代码]padding[代码][代码]: [代码][代码]6[代码][代码]rpx [代码][代码]12[代码][代码]rpx;[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#FFFF00[代码][代码];[代码][代码] [代码][代码]margin-right[代码][代码]: [代码][代码]16[代码][代码]rpx;[代码][代码]}[代码] [代码]page {[代码][代码] [代码][代码]min-height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]}[代码] [代码].bgwrap {[代码][代码] [代码][代码]min-height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]padding[代码][代码]: [代码][代码]20[代码][代码]rpx;[代码][代码] [代码][代码]margin-bottom[代码][代码]: [代码][代码]120[代码][代码]rpx;[代码][代码] [代码][代码]bottom[代码][代码]: [代码][代码]120[代码][代码]rpx;[代码][代码] [代码][代码]box-sizing: border-box;[代码][代码]}[代码] [代码].bg {[代码][代码] [代码][代码]padding[代码][代码]: [代码][代码]10[代码][代码]rpx;[代码][代码] [代码][代码]box-sizing: border-box;[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#0E7794[代码][代码];[代码][代码] [代码][代码]border-radius: [代码][代码]10[代码][代码]rpx;[代码][代码] [代码][代码]min-height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]border[代码][代码]: [代码][代码]6[代码][代码]rpx [代码][代码]solid[代码] [代码]#F5E5CA[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#FEF7E5[代码][代码];[代码][代码]}[代码] [代码].scroll_box {[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]overflow[代码][代码]: [代码][代码]hidden[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码] [代码][代码]white-space[代码][代码]: [代码][代码]nowrap[代码][代码];[代码][代码]}[代码] [代码].item_list {[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]160[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]auto[代码][代码];[代码][代码] [代码][代码]margin-right[代码][代码]: [代码][代码]23[代码][代码]rpx;[代码][代码] [代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码];[代码][代码]}[代码]
2019-11-01