zs 2 vuotta sitten
vanhempi
commit
893b295647
2 muutettua tiedostoa jossa 50 lisäystä ja 5 poistoa
  1. 15 3
      common/css/font-icon.css
  2. 35 2
      pagesHome/order/detail.vue

+ 15 - 3
common/css/font-icon.css

@@ -2,9 +2,9 @@
   font-family: "iconfont"; /* Project id 3674157 */
   /* Color fonts */
   src: 
-       url('//at.alicdn.com/t/c/font_3674157_y8kriusokui.woff2?t=1664350689943') format('woff2'),
-       url('//at.alicdn.com/t/c/font_3674157_y8kriusokui.woff?t=1664350689943') format('woff'),
-       url('//at.alicdn.com/t/c/font_3674157_y8kriusokui.ttf?t=1664350689943') format('truetype');
+       url('//at.alicdn.com/t/c/font_3674157_p1a9z86g3re.woff2?t=1664356716241') format('woff2'),
+       url('//at.alicdn.com/t/c/font_3674157_p1a9z86g3re.woff?t=1664356716241') format('woff'),
+       url('//at.alicdn.com/t/c/font_3674157_p1a9z86g3re.ttf?t=1664356716241') format('truetype');
 }
 
 .iconfont {
@@ -15,6 +15,18 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-gengduo:before {
+  content: "\e660";
+}
+
+.icon-kongxin:before {
+  content: "\e62e";
+}
+
+.icon-shixin:before {
+  content: "\e635";
+}
+
 .icon-shanchu:before {
   content: "\e625";
 }

+ 35 - 2
pagesHome/order/detail.vue

@@ -75,6 +75,13 @@
 				</view>
 			</view>
 		</scroll-view>
+		<view class="collect">
+			<text v-if="collection==false" @click="toCollect('true')" class="iconfont icon-kongxin"></text>
+			<text v-if="collection==true" @click="toCollect('false')" class="iconfont icon-shixin"></text>
+		</view>
+		<view class="menu">
+			<text @click="menu" class="iconfont icon-gengduo"></text>
+		</view>
 		<view class="backTop" v-if="isShow==true">
 			<text @click="backTop" class="iconfont icon-fanhuidingbu"></text>
 		</view>
@@ -182,7 +189,9 @@
 				Selected: '',
 				// 是否显示返回顶部
 				isShow: false,
-				topItem: ''
+				topItem: '',
+				// 收藏
+				collection: false
 			};
 		},
 		onShow: function() {},
@@ -426,7 +435,19 @@
 		height: 100vh;
 	}
 
-	.backTop {
+	.collect {
+		position: fixed;
+		top: 20vw;
+		right: 5vw;
+
+		text {
+			font-size: 30px;
+			background-color: #0000005f;
+			border-radius: 90px;
+		}
+	}
+
+	.menu {
 		position: fixed;
 		bottom: 20vw;
 		right: 5vw;
@@ -438,6 +459,18 @@
 		}
 	}
 
+	.backTop {
+		position: fixed;
+		bottom: 10vw;
+		right: 5vw;
+
+		text {
+			font-size: 30px;
+			background-color: #0000005f;
+			border-radius: 90px;
+		}
+	}
+
 	.content {
 		height: 100vw;