在产品页面添加返回首页按钮

7 years ago · 27e66392fe
parent 8a4dcaa4da
commit 27e66392fe
3 changed files with 18 additions and 0 deletions
--- a/images/back_to_home.png
+++ b/images/back_to_home.png
--- a/pages/show_product/show_product.wxml
+++ b/pages/show_product/show_product.wxml
@ -36,3 +36,7 @@
    </block>
  </view>
 </view>
+
+<navigator id="back-to-home" url="/pages/index/index" open-type="switchTab" hover-class="">
+  <image src="../../images/back_to_home.png"></image>
+</navigator>
--- a/pages/show_product/show_product.wxss
+++ b/pages/show_product/show_product.wxss
@ -49,3 +49,17 @@
  width: 100%;
  display: block;
 }
+
+#back-to-home {
+  width: 100rpx;
+  height: 100rpx;
+  position: fixed;
+  right: 0;
+  top: 0;
+  border-radius: 50rpx;
+}
+
+#back-to-home image {
+  width: 100rpx;
+  height: 100rpx;
+}