Commit a2eb5892b1be2bc6efd26fcc458823fe7d019b34
1 parent
54967b4c
帮你预约
Showing
3 changed files
with
34 additions
and
395 deletions
packageA/pages/my_service/appment_main.js
| ... | ... | @@ -44,15 +44,6 @@ Page({ |
| 44 | 44 | validay: "", //服务项目有效期 |
| 45 | 45 | is_sub: 0, //判断是否重复提交 |
| 46 | 46 | is_textea: 1, //备注是否是可输入 |
| 47 | - | |
| 48 | - | |
| 49 | - // 拖拽参数 | |
| 50 | - writePosition: [80, 90], //默认定位参数 | |
| 51 | - writesize: [0, 0],// X Y 定位 | |
| 52 | - window: [0, 0], //屏幕尺寸 | |
| 53 | - write: [0, 0], //定位参数 | |
| 54 | - scrolltop: 0,//据顶部距离 | |
| 55 | - v:{}, | |
| 56 | 47 | }, |
| 57 | 48 | //控制备注输入 |
| 58 | 49 | check_text: function() { |
| ... | ... | @@ -542,10 +533,6 @@ Page({ |
| 542 | 533 | * 生命周期函数--监听页面加载 |
| 543 | 534 | */ |
| 544 | 535 | onLoad: function(options) { |
| 545 | - | |
| 546 | - | |
| 547 | - | |
| 548 | - | |
| 549 | 536 | var th = this; |
| 550 | 537 | th.setData({ |
| 551 | 538 | options, |
| ... | ... | @@ -660,11 +647,6 @@ Page({ |
| 660 | 647 | is_textea: 1 |
| 661 | 648 | }) |
| 662 | 649 | th.query_project(); |
| 663 | - | |
| 664 | - th.queryMultipleNodes(); | |
| 665 | - | |
| 666 | - | |
| 667 | - | |
| 668 | 650 | }, |
| 669 | 651 | //获取单个服务项目信息 |
| 670 | 652 | query_project: function() { |
| ... | ... | @@ -761,129 +743,8 @@ Page({ |
| 761 | 743 | |
| 762 | 744 | } |
| 763 | 745 | }) |
| 764 | - }, | |
| 765 | - | |
| 766 | - | |
| 767 | - | |
| 768 | - //计算默认定位值 | |
| 769 | - getSysdata: function () { | |
| 770 | - var that = this; | |
| 771 | - wx.getSystemInfo({ | |
| 772 | - success: function (e) { | |
| 773 | - that.data.window = [e.windowWidth, e.windowHeight]; | |
| 774 | - var write = []; | |
| 775 | - write[0] = that.data.window[0] * that.data.writePosition[0] / 100; | |
| 776 | - write[1] = that.data.window[1] * that.data.writePosition[1] / 100; | |
| 777 | - console.log(write,45) | |
| 778 | - that.setData({ | |
| 779 | - write: write | |
| 780 | - }, function () { | |
| 781 | - // 获取元素宽高 | |
| 782 | - wx.createSelectorQuery().select('.td').boundingClientRect(function (res) { | |
| 783 | - // console.log('0x0x',res.width) | |
| 784 | - that.data.writesize = [res.width, res.height]; | |
| 785 | - }).exec(); | |
| 786 | - }) | |
| 787 | - }, | |
| 788 | - fail: function (e) { | |
| 789 | - console.log(e) | |
| 790 | - } | |
| 791 | - }); | |
| 792 | - }, | |
| 793 | - //开始拖拽 | |
| 794 | - touchmove: function (e) { | |
| 795 | - // console.log(123); | |
| 796 | - var that = this; | |
| 797 | - var position = [e.touches[0].pageX - that.data.writesize[0] / 2, e.touches[0].pageY - that.data.writesize[1] / 2 - this.data.scrolltop]; | |
| 798 | - that.setData({ | |
| 799 | - write: position | |
| 800 | - }); | |
| 801 | - this.getSysdata(); | |
| 802 | - }, | |
| 803 | - onPageScroll(e) { | |
| 804 | - this.data.scrolltop = e.scrollTop; | |
| 805 | - }, | |
| 746 | + } | |
| 747 | + | |
| 806 | 748 | |
| 807 | - scroll(e) { | |
| 808 | - // console.log('scroll', e); | |
| 809 | - }, | |
| 810 | - | |
| 811 | - rect() { | |
| 812 | - // console.log('click'); | |
| 813 | - // wx.createSelectorQuery().select('.td').boundingClientRect(function (res) { | |
| 814 | - // console.log('0x0x',res); | |
| 815 | - // }).exec(); | |
| 816 | - }, | |
| 817 | - | |
| 818 | - print(e) { | |
| 819 | - console.log('e', e); | |
| 820 | - wx.createSelectorQuery().select('.td').boundingClientRect(function (res) { | |
| 821 | - console.log('0x0x',res); | |
| 822 | - // that.data.writesize = [res.width, res.height]; | |
| 823 | - }).exec(); | |
| 824 | - }, | |
| 825 | - | |
| 826 | - //开始拖拽 | |
| 827 | - touchmove: function (e) { | |
| 828 | - var that = this,th=that; | |
| 829 | - var position = [e.touches[0].pageX - that.data.writesize[0] / 2, e.touches[0].pageY - that.data.writesize[1] / 2 - this.data.scrolltop]; | |
| 830 | - that.setData({ | |
| 831 | - write: position | |
| 832 | - }); | |
| 833 | - | |
| 834 | - }, | |
| 835 | - | |
| 836 | - | |
| 837 | - touchend:function(e){ | |
| 838 | - var that = this,th=that; | |
| 839 | - var position =th.data.write; | |
| 840 | - for(var i=0;i<7;i++){ | |
| 841 | - for(var j=0; j<2;j++){ | |
| 842 | - //如果坐标在网格内 | |
| 843 | - if( position[0]>th.data.f_x+i*th.data.f_width && position[0]<th.data.f_x+ (i+1)*th.data.f_width && | |
| 844 | - position[1]>th.data.f_y +j*th.data.f_hei && position[1]<th.data.f_y+(j+1)*th.data.f_hei ){ | |
| 845 | - | |
| 846 | - var txt="v["+i+"]["+j+"]"; | |
| 847 | - wx.showToast({ | |
| 848 | - title:"222"+i+j | |
| 849 | - }) | |
| 850 | - | |
| 851 | - th.setData({[txt]:123456}); | |
| 852 | - | |
| 853 | - break; | |
| 854 | - } | |
| 855 | - | |
| 856 | - } | |
| 857 | - } | |
| 858 | - th.setData({copy_btn:0}) | |
| 859 | - | |
| 860 | - }, | |
| 861 | - | |
| 862 | - | |
| 863 | - //声明节点查询的方法 | |
| 864 | - queryMultipleNodes: function() { | |
| 865 | - var th=this; | |
| 866 | - const query = wx.createSelectorQuery() // 创建节点查询器 query | |
| 867 | - query.select('.content_view').boundingClientRect() // 这段代码的意思是选择Id=productServe的节点，获取节点位置信息的查询请求 | |
| 868 | - query.selectViewport().scrollOffset() // 这段代码的意思是获取页面滑动位置的查询请求 | |
| 869 | - query.exec(res => { | |
| 870 | - console.log(res); | |
| 871 | - th.data.f_x=res[0].left; | |
| 872 | - th.data.f_y=res[0].top; | |
| 873 | - th.data.f_hei=res[0].height; | |
| 874 | - th.data.f_width=res[0].width; | |
| 875 | - | |
| 876 | - }) | |
| 877 | - }, | |
| 878 | - | |
| 879 | - getcopy:function(e){ | |
| 880 | - var that=this; | |
| 881 | - var position = [e.detail.x - that.data.writesize[0] / 2, e.detail.y - that.data.writesize[1] / 2 - this.data.scrolltop]; | |
| 882 | - that.setData({ | |
| 883 | - write: position,copy_btn:1 | |
| 884 | - }); | |
| 885 | - | |
| 886 | - } | |
| 887 | - | |
| 888 | 749 | |
| 889 | 750 | }) |
| 890 | 751 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/appment_main.wxml
| 1 | 1 | <wxs module="filters" src="../../../utils/filter.wxs"></wxs> |
| 2 | 2 | <view class="container" catchtap="close"> |
| 3 | 3 | <image class="main" src="{{iurl}}/miniapp/images/yyservice/main.png"></image> |
| 4 | - <!-- Fram --> | |
| 5 | - <view class=""> | |
| 4 | + | |
| 5 | + <view class="Fram"> | |
| 6 | 6 | <!-- 选择门店 --> |
| 7 | - <view class="flex-vertical pdv20 jc-center"> | |
| 7 | + <view class="flex-vertical mabot"> | |
| 8 | 8 | <!-- 门店 --> |
| 9 | 9 | <view class="flex-vertical-between head fs30"> |
| 10 | 10 | <view>门</view> |
| ... | ... | @@ -17,187 +17,54 @@ |
| 17 | 17 | <view class="angle">∟</view> |
| 18 | 18 | </view> |
| 19 | 19 | </view> |
| 20 | - | |
| 21 | - | |
| 22 | - <view class="table flex fs26"> | |
| 23 | - <view class="left t-c"> | |
| 24 | - <view class="td pr"> | |
| 25 | - <view class="time-box"><view class="time">时间</view></view> | |
| 26 | - <view class="md-box"><view class="md">美导</view></view> | |
| 27 | - </view> | |
| 28 | - <view class="td">8:00</view> | |
| 29 | - <view class="td">9:00</view> | |
| 30 | - </view> | |
| 31 | - <scroll-view scroll-x class="right" bindscroll="scroll"> | |
| 32 | - <view class="flex t-c" bindtap="rect"> | |
| 33 | - <view bindtap="rect"> | |
| 34 | - <view class="td bg-pink">张三</view> | |
| 35 | - <view class="td" bindtap="print">100</view> | |
| 36 | - <view class="td">200</view> | |
| 37 | - <view class="td">200</view> | |
| 38 | - <view class="td">200</view> | |
| 39 | - <view class="td">200</view> | |
| 40 | - <view class="td">200</view> | |
| 41 | - <view class="td">200</view> | |
| 42 | - <view class="td">200</view> | |
| 43 | - <view class="td">200</view> | |
| 44 | - <view class="td">200</view> | |
| 45 | - <view class="td">200</view> | |
| 46 | - <view class="td">200</view> | |
| 47 | - <view class="td">200</view> | |
| 48 | - <view class="td">200</view> | |
| 49 | - <view class="td">200</view> | |
| 50 | - <view class="td">200</view> | |
| 51 | - <view class="td">200</view> | |
| 52 | - </view> | |
| 53 | - | |
| 54 | - <view> | |
| 55 | - <!-- <view class="td bg-pink">张三</view> | |
| 56 | - <view class="td">100</view> | |
| 57 | - <view class="td">200</view> --> | |
| 58 | - <view class="td blue">张三</view> | |
| 59 | - <view class="td content_view {{v[0][0]?'121':''}}" bindtap="print">{{v[0][0]}}</view> | |
| 60 | - <view class="td">{{v[0][1]}}</view> | |
| 61 | - </view> | |
| 62 | - <view> | |
| 63 | - <view class="td blue">张三</view> | |
| 64 | - <view class="td">{{v[1][0]}}</view> | |
| 65 | - <view class="td">{{v[1][1]}}</view> | |
| 66 | - </view> | |
| 67 | - <view> | |
| 68 | - <view class="td blue">张三</view> | |
| 69 | - <view class="td" bindtap="print">{{v[2][0]}}</view> | |
| 70 | - <view class="td">{{v[2][1]}}</view> | |
| 71 | - </view> | |
| 72 | - <view> | |
| 73 | - <view class="td blue">张三</view> | |
| 74 | - <view class="td">{{v[3][0]}}</view> | |
| 75 | - <view class="td">{{v[3][1]}}</view> | |
| 76 | - </view> | |
| 77 | - | |
| 78 | - <view> | |
| 79 | - <view class="td bg-pink">1张三</view> | |
| 80 | - <view class="td">300</view> | |
| 81 | - <view class="td">300</view> | |
| 82 | - </view> | |
| 83 | - <view> | |
| 84 | - <view class="td bg-pink">张三</view> | |
| 85 | - <view class="td">100</view> | |
| 86 | - <view class="td">200</view> | |
| 87 | - </view> | |
| 88 | - <view> | |
| 89 | - <view class="td bg-pink">张三</view> | |
| 90 | - <view class="td">100</view> | |
| 91 | - <view class="td">200</view> | |
| 92 | - </view> | |
| 93 | - <view> | |
| 94 | - <view class="td bg-pink">1张三</view> | |
| 95 | - <view class="td">300</view> | |
| 96 | - <view class="td">300</view> | |
| 97 | - </view> | |
| 98 | - <view> | |
| 99 | - <view class="td bg-pink">张三</view> | |
| 100 | - <view class="td">100</view> | |
| 101 | - <view class="td">200</view> | |
| 102 | - </view> | |
| 103 | - <view> | |
| 104 | - <view class="td bg-pink">张三</view> | |
| 105 | - <view class="td">100</view> | |
| 106 | - <view class="td">200</view> | |
| 107 | - </view> | |
| 108 | - <view> | |
| 109 | - <view class="td bg-pink">1张三</view> | |
| 110 | - <view class="td blue">张三</view> | |
| 111 | - <view class="td">300</view> | |
| 112 | - <view class="td">300</view> | |
| 113 | - </view> | |
| 114 | - </view> | |
| 115 | - </scroll-view> | |
| 116 | - | |
| 117 | - <view class="card"> | |
| 118 | - | |
| 119 | - <view class="t-c c-c7"><text class="iconfont icon-sandian"></text></view> | |
| 120 | - <view class="t-c pd20"> | |
| 121 | - | |
| 122 | - <view class="t-c pd20 " bindlongtap="getcopy" bindtouchmove="touchmove" bindtouchend="touchend" catch:touchmove > | |
| 123 | - <text class="iconfont icon-meirong fs40"></text> | |
| 124 | - <view class="fs24">项目1</view> | |
| 125 | - </view> | |
| 126 | - | |
| 127 | - | |
| 128 | - <view class="t-c pd20"> | |
| 129 | - <text class="iconfont icon-meirong fs40"></text> | |
| 130 | - <view class="fs24">项目2</view> | |
| 131 | - </view> | |
| 132 | - <view class="t-c pd20"> | |
| 133 | - <text class="iconfont icon-meirong fs40"></text> | |
| 134 | - <view class="fs24">项目3</view> | |
| 135 | - </view> | |
| 136 | - <view class="t-c pd20"> | |
| 137 | - <text class="iconfont icon-meirong fs40"></text> | |
| 138 | - <view class="fs24">项目4</view> | |
| 139 | - </view> | |
| 140 | - <view class="t-c pd20"> | |
| 141 | - <text class="iconfont icon-meirong fs40"></text> | |
| 142 | - <view class="fs24">项目5</view> | |
| 143 | - </view> | |
| 144 | - <view class="t-c pd20"> | |
| 145 | - <text class="iconfont icon-meirong fs40"></text> | |
| 146 | - <view class="fs24">项目6</view> | |
| 147 | - </view> | |
| 148 | - </view> | |
| 149 | - </view> | |
| 150 | - | |
| 151 | - | |
| 152 | - | |
| 153 | 20 | <!-- 选择美容师 --> |
| 154 | - <!-- <view class="flex-vertical mabot"> --> | |
| 21 | + <view class="flex-vertical mabot"> | |
| 155 | 22 | <!-- 门店 --> |
| 156 | - <!-- <view class="flex-vertical-between head fs30"> | |
| 23 | + <view class="flex-vertical-between head fs30"> | |
| 157 | 24 | <view>美</view> |
| 158 | 25 | <view>容</view> |
| 159 | 26 | <view>师</view> |
| 160 | - </view> --> | |
| 27 | + </view> | |
| 161 | 28 | |
| 162 | 29 | <!-- 选择美容师 --> |
| 163 | - <!-- <view class="rel fs26"> --> | |
| 164 | - <!-- <view class="flex-vertical-between Cosmetology" bindtap="query_beautician"> | |
| 30 | + <view class="rel fs26"> | |
| 31 | + <view class="flex-vertical-between Cosmetology" bindtap="query_beautician"> | |
| 165 | 32 | <view class="{{beautician_name==''?'color':''}} value ellipsis-1">{{beautician_name==''?'选择美容师':beautician_name}}</view> |
| 166 | 33 | <view class="angle">∟</view> |
| 167 | - </view> --> | |
| 34 | + </view> | |
| 168 | 35 | <!-- 美容师下拉列表 --> |
| 169 | - <!-- <view class="beauticians abs" wx:if="{{beautician}}"> --> | |
| 36 | + <view class="beauticians abs" wx:if="{{beautician}}"> | |
| 170 | 37 | <!-- 到时候要做判断如果是index==循环的最后一个则把下边线去掉:(beaclone去掉的css) --> |
| 171 | - <!-- <view class="beautician flex-vertical fs26" wx:for="{{beautician_list}}" bindtap="choice_beautician" data-baaindex="{{key}}" wx:for-index="key"> | |
| 38 | + <view class="beautician flex-vertical fs26" wx:for="{{beautician_list}}" bindtap="choice_beautician" data-baaindex="{{key}}" wx:for-index="key"> | |
| 172 | 39 | <view class="StaffName ellipsis-1">{{item.StaffName}}</view> |
| 173 | 40 | </view> |
| 174 | 41 | <view> |
| 175 | 42 | </view> |
| 176 | - </view> --> | |
| 177 | - <!-- </view> --> | |
| 178 | - <!-- <view class="flex-center users" bindtap="nav_bea"> | |
| 43 | + </view> | |
| 44 | + </view> | |
| 45 | + <view class="flex-center users" bindtap="nav_bea"> | |
| 179 | 46 | <image class="user" src="{{iurl}}/miniapp/images/yyservice/user.png"></image> |
| 180 | - </view> --> | |
| 181 | - <!-- </view> --> | |
| 47 | + </view> | |
| 48 | + </view> | |
| 182 | 49 | |
| 183 | 50 | <!-- 选择时间 --> |
| 184 | - <!-- <view class="flex-vertical mabot"> --> | |
| 51 | + <view class="flex-vertical mabot"> | |
| 185 | 52 | <!-- 门店 --> |
| 186 | - <!-- <view class="head fs30"> | |
| 53 | + <view class="head fs30"> | |
| 187 | 54 | <view>预约时间</view> |
| 188 | - </view> --> | |
| 55 | + </view> | |
| 189 | 56 | |
| 190 | 57 | <!-- 选择时间 --> |
| 191 | - <!-- <view class="flex-vertical-between fs26 select" data-url="/packageA/pages/my_service/beauty_deta?url={{url}}&StorageId={{StorageId}}&BeauticianID={{beauticianID}}&itemId={{itemId}}&modify=0&projectId={{project_id}}" bindtap="goto"> | |
| 58 | + <view class="flex-vertical-between fs26 select" data-url="/packageA/pages/my_service/beauty_deta?url={{url}}&StorageId={{StorageId}}&BeauticianID={{beauticianID}}&itemId={{itemId}}&modify=0&projectId={{project_id}}" bindtap="goto"> | |
| 192 | 59 | <view class="{{time==''?'color':''}}">{{time==""?'选择时间':time}}</view> |
| 193 | 60 | <view class="angle angler">∟</view> |
| 194 | - </view> --> | |
| 195 | - <!-- </view> --> | |
| 61 | + </view> | |
| 62 | + </view> | |
| 196 | 63 | |
| 197 | 64 | <!-- 备注 --> |
| 198 | - <!-- <view class="flex Remarks"> --> | |
| 65 | + <view class="flex Remarks"> | |
| 199 | 66 | <!-- 门店 --> |
| 200 | - <!-- <view class="flex-space-between head fs30"> | |
| 67 | + <view class="flex-space-between head fs30"> | |
| 201 | 68 | <view>备</view> |
| 202 | 69 | <view>注</view> |
| 203 | 70 | </view> |
| ... | ... | @@ -210,20 +77,20 @@ |
| 210 | 77 | <view class="textarea {{remarks==''?'color':''}}" bindtap="check_text">{{remarks==''?'填写备注':remarks}} |
| 211 | 78 | </view> |
| 212 | 79 | </block> |
| 213 | - </view> --> | |
| 214 | - <!-- </view> | |
| 80 | + </view> | |
| 81 | + </view> | |
| 215 | 82 | <view wx:if="{{tment_count!=''}}" class="notes flex-level-right fs24 color"> |
| 216 | 83 | <view>注：剩余可预约人数{{tment_count}}人</view> |
| 217 | - </view> --> | |
| 84 | + </view> | |
| 218 | 85 | |
| 219 | - <!-- <view class="submitMax flex-space-center fs32"> --> | |
| 86 | + <view class="submitMax flex-space-center fs32"> | |
| 220 | 87 | <!-- <navigator class="appment flex-center" url="/pages/user/my_service/tment_order_list"> |
| 221 | 88 | <view>我的预约</view> |
| 222 | 89 | </navigator> --> |
| 223 | - <!-- <form report-submit='true' bindtap="sub_success"> | |
| 90 | + <form report-submit='true' bindtap="sub_success"> | |
| 224 | 91 | <button form-type="submit" class="sub_appment flex-center">帮你预约</button> |
| 225 | - </form> --> | |
| 226 | - <!-- </view> --> | |
| 92 | + </form> | |
| 93 | + </view> | |
| 227 | 94 | </view> |
| 228 | 95 | |
| 229 | 96 | </view> |
| ... | ... | @@ -280,6 +147,4 @@ |
| 280 | 147 | <view wx:if="{{store}}" class="disgraceful" bindtap="onclickstore"></view> |
| 281 | 148 | <warn id="warn"></warn> |
| 282 | 149 | <!-- 制作一个圆球导航 --> |
| 283 | -<!-- <nav_b id="nav_b"></nav_b> --> | |
| 284 | - | |
| 285 | -<view wx:if="{{copy_btn}}" style="position:absolute;left:{{write[0]}}px;top:{{write[1]}}px;">项目1</view> | |
| 286 | 150 | \ No newline at end of file |
| 151 | +<!-- <nav_b id="nav_b"></nav_b> --> | |
| 287 | 152 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/appment_main.wxss
| ... | ... | @@ -286,90 +286,3 @@ button { |
| 286 | 286 | height: 80rpx; |
| 287 | 287 | color: rgb(159, 159, 159); |
| 288 | 288 | } |
| 289 | - | |
| 290 | - | |
| 291 | -.table { | |
| 292 | - background-color: white; | |
| 293 | - border-top: 2rpx solid rgba(218, 217, 217, 1); | |
| 294 | - border-left: 2rpx solid rgba(218, 217, 217, 1); | |
| 295 | -} | |
| 296 | -.blue { | |
| 297 | - background: rgba(241, 252, 255, 1); | |
| 298 | -} | |
| 299 | -.bg-pink { | |
| 300 | - background-color: #FFDEF0; | |
| 301 | -} | |
| 302 | -.td { | |
| 303 | - width: 100rpx; | |
| 304 | - height: 100rpx; | |
| 305 | - display: flex; | |
| 306 | - align-items: center; | |
| 307 | - justify-content: center; | |
| 308 | - border-right: 2rpx solid rgba(218, 217, 217, 1); | |
| 309 | - border-bottom: 2rpx solid rgba(218, 217, 217, 1); | |
| 310 | -} | |
| 311 | - | |
| 312 | -.left { | |
| 313 | - box-shadow: 4px 0px 6px #e7e9eb; | |
| 314 | -} | |
| 315 | - | |
| 316 | -.right { | |
| 317 | - width: calc(100% - 102rpx); | |
| 318 | - | |
| 319 | - box-sizing: border-box; | |
| 320 | -} | |
| 321 | - | |
| 322 | -.card { | |
| 323 | - position: fixed; | |
| 324 | - top: 50%; | |
| 325 | - right: 0; | |
| 326 | - transform: translateY(-50%); | |
| 327 | - background-color: white; | |
| 328 | - | |
| 329 | - border-radius: 10rpx; | |
| 330 | - box-shadow: -2px 0px 6px #ccc; | |
| 331 | -} | |
| 332 | - | |
| 333 | -.icon-meirong { | |
| 334 | - color: pink; | |
| 335 | -} | |
| 336 | - | |
| 337 | - | |
| 338 | - | |
| 339 | -.time-box { | |
| 340 | - width: 0; | |
| 341 | - height: 0; | |
| 342 | - border-width: 50rpx; | |
| 343 | - border-style: solid; | |
| 344 | - border-color: transparent transparent white white; | |
| 345 | - position: absolute; | |
| 346 | - left: 0; | |
| 347 | - bottom: 0; | |
| 348 | -} | |
| 349 | -.time { | |
| 350 | - position: absolute; | |
| 351 | - bottom: -22px; | |
| 352 | - width: 53rpx; | |
| 353 | - z-index: 999; | |
| 354 | - left: -22px; | |
| 355 | - font-size: 12px; | |
| 356 | -} | |
| 357 | - | |
| 358 | -.md-box { | |
| 359 | - width: 0; | |
| 360 | - height: 0; | |
| 361 | - border-width: 50rpx; | |
| 362 | - border-style: solid; | |
| 363 | - border-color: #FFDEF0 #FFDEF0 transparent transparent; | |
| 364 | - position: absolute; | |
| 365 | - right: 0; | |
| 366 | - top: 0; | |
| 367 | -} | |
| 368 | -.md { | |
| 369 | - position: absolute; | |
| 370 | - top: -18px; | |
| 371 | - width: 53rpx; | |
| 372 | - z-index: 999; | |
| 373 | - right: -24px; | |
| 374 | - font-size: 12px; | |
| 375 | -} | ... | ... |