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,15 +44,6 @@ Page({ | ||
44 | validay: "", //服务项目有效期 | 44 | validay: "", //服务项目有效期 |
45 | is_sub: 0, //判断是否重复提交 | 45 | is_sub: 0, //判断是否重复提交 |
46 | is_textea: 1, //备注是否是可输入 | 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 | check_text: function() { | 49 | check_text: function() { |
@@ -542,10 +533,6 @@ Page({ | @@ -542,10 +533,6 @@ Page({ | ||
542 | * 生命周期函数--监听页面加载 | 533 | * 生命周期函数--监听页面加载 |
543 | */ | 534 | */ |
544 | onLoad: function(options) { | 535 | onLoad: function(options) { |
545 | - | ||
546 | - | ||
547 | - | ||
548 | - | ||
549 | var th = this; | 536 | var th = this; |
550 | th.setData({ | 537 | th.setData({ |
551 | options, | 538 | options, |
@@ -660,11 +647,6 @@ Page({ | @@ -660,11 +647,6 @@ Page({ | ||
660 | is_textea: 1 | 647 | is_textea: 1 |
661 | }) | 648 | }) |
662 | th.query_project(); | 649 | th.query_project(); |
663 | - | ||
664 | - th.queryMultipleNodes(); | ||
665 | - | ||
666 | - | ||
667 | - | ||
668 | }, | 650 | }, |
669 | //获取单个服务项目信息 | 651 | //获取单个服务项目信息 |
670 | query_project: function() { | 652 | query_project: function() { |
@@ -761,129 +743,8 @@ Page({ | @@ -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 | \ No newline at end of file | 751 | \ No newline at end of file |
packageA/pages/my_service/appment_main.wxml
1 | <wxs module="filters" src="../../../utils/filter.wxs"></wxs> | 1 | <wxs module="filters" src="../../../utils/filter.wxs"></wxs> |
2 | <view class="container" catchtap="close"> | 2 | <view class="container" catchtap="close"> |
3 | <image class="main" src="{{iurl}}/miniapp/images/yyservice/main.png"></image> | 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 | <view class="flex-vertical-between head fs30"> | 9 | <view class="flex-vertical-between head fs30"> |
10 | <view>门</view> | 10 | <view>门</view> |
@@ -17,187 +17,54 @@ | @@ -17,187 +17,54 @@ | ||
17 | <view class="angle">∟</view> | 17 | <view class="angle">∟</view> |
18 | </view> | 18 | </view> |
19 | </view> | 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 | <view>美</view> | 24 | <view>美</view> |
158 | <view>容</view> | 25 | <view>容</view> |
159 | <view>师</view> | 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 | <view class="{{beautician_name==''?'color':''}} value ellipsis-1">{{beautician_name==''?'选择美容师':beautician_name}}</view> | 32 | <view class="{{beautician_name==''?'color':''}} value ellipsis-1">{{beautician_name==''?'选择美容师':beautician_name}}</view> |
166 | <view class="angle">∟</view> | 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 | <!-- 到时候要做判断如果是index==循环的最后一个则把下边线去掉:(beaclone去掉的css) --> | 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 | <view class="StaffName ellipsis-1">{{item.StaffName}}</view> | 39 | <view class="StaffName ellipsis-1">{{item.StaffName}}</view> |
173 | </view> | 40 | </view> |
174 | <view> | 41 | <view> |
175 | </view> | 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 | <image class="user" src="{{iurl}}/miniapp/images/yyservice/user.png"></image> | 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 | <view>预约时间</view> | 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 | <view class="{{time==''?'color':''}}">{{time==""?'选择时间':time}}</view> | 59 | <view class="{{time==''?'color':''}}">{{time==""?'选择时间':time}}</view> |
193 | <view class="angle angler">∟</view> | 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 | <view>备</view> | 68 | <view>备</view> |
202 | <view>注</view> | 69 | <view>注</view> |
203 | </view> | 70 | </view> |
@@ -210,20 +77,20 @@ | @@ -210,20 +77,20 @@ | ||
210 | <view class="textarea {{remarks==''?'color':''}}" bindtap="check_text">{{remarks==''?'填写备注':remarks}} | 77 | <view class="textarea {{remarks==''?'color':''}}" bindtap="check_text">{{remarks==''?'填写备注':remarks}} |
211 | </view> | 78 | </view> |
212 | </block> | 79 | </block> |
213 | - </view> --> | ||
214 | - <!-- </view> | 80 | + </view> |
81 | + </view> | ||
215 | <view wx:if="{{tment_count!=''}}" class="notes flex-level-right fs24 color"> | 82 | <view wx:if="{{tment_count!=''}}" class="notes flex-level-right fs24 color"> |
216 | <view>注:剩余可预约人数{{tment_count}}人</view> | 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 | <!-- <navigator class="appment flex-center" url="/pages/user/my_service/tment_order_list"> | 87 | <!-- <navigator class="appment flex-center" url="/pages/user/my_service/tment_order_list"> |
221 | <view>我的预约</view> | 88 | <view>我的预约</view> |
222 | </navigator> --> | 89 | </navigator> --> |
223 | - <!-- <form report-submit='true' bindtap="sub_success"> | 90 | + <form report-submit='true' bindtap="sub_success"> |
224 | <button form-type="submit" class="sub_appment flex-center">帮你预约</button> | 91 | <button form-type="submit" class="sub_appment flex-center">帮你预约</button> |
225 | - </form> --> | ||
226 | - <!-- </view> --> | 92 | + </form> |
93 | + </view> | ||
227 | </view> | 94 | </view> |
228 | 95 | ||
229 | </view> | 96 | </view> |
@@ -280,6 +147,4 @@ | @@ -280,6 +147,4 @@ | ||
280 | <view wx:if="{{store}}" class="disgraceful" bindtap="onclickstore"></view> | 147 | <view wx:if="{{store}}" class="disgraceful" bindtap="onclickstore"></view> |
281 | <warn id="warn"></warn> | 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 | \ No newline at end of file | 150 | \ No newline at end of file |
151 | +<!-- <nav_b id="nav_b"></nav_b> --> | ||
287 | \ No newline at end of file | 152 | \ No newline at end of file |
packageA/pages/my_service/appment_main.wxss
@@ -286,90 +286,3 @@ button { | @@ -286,90 +286,3 @@ button { | ||
286 | height: 80rpx; | 286 | height: 80rpx; |
287 | color: rgb(159, 159, 159); | 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 | -} |