Browse Source

停车优惠券二维码

zuypeng 1 year ago
parent
commit
a644fb6c4c

+ 18 - 14
src/pages-user/agreement/index.vue

@@ -3,46 +3,46 @@
     <div class="agreement-container">
 <!--      <h1>用户协议</h1>-->
       <div class="agreement-content">
-        <p>
-          欢迎使用 [Yeswash]!在使用本小程序之前,请您仔细阅读并理解以下用户协议的全部条款。使用本小程序,即表示您已阅读、理解并同意本协议的全部条款,并愿意遵守本协议的约束。
-        </p>
-        <h2>一、协议的范围</h2>
+        <view style="text-indent: 20px">
+          欢迎使用 [Yeswash洗车]!在使用本小程序之前,请您仔细阅读并理解以下用户协议的全部条款。使用本小程序,即表示您已阅读、理解并同意本协议的全部条款,并愿意遵守本协议的约束。
+        </view>
+        <view class="h2">一、协议的范围</view>
         <p>
           本用户协议(以下简称“本协议”)是您(以下称为“用户”)与 [深圳市超级进化科技有限公司](以下称为“我们”)之间关于使用本小程序的法律协议。
         </p>
-        <h2>二、用户资格</h2>
+        <view class="h2">二、用户资格</view>
         <p>
           用户必须是具有完全民事行为能力的自然人,或者是具有合法经营资格的法人或其他组织。如果您是无民事行为能力人或限制民事行为能力人,请在法定监护人的陪同下使用本小程序,并确保您的行为在法定监护人的监督和允许范围内。
         </p>
-        <h2>三、用户账号与密码</h2>
+        <view class="h2">三、用户账号与密码</view>
         <p>
           用户在使用本小程序时需要注册一个账号。用户应自行负责账号的安全,并对使用该账号进行的所有活动承担全部责任。用户不得将账号转让、出借或以其他方式提供给第三方使用。
         </p>
-        <h2>四、用户权利与义务</h2>
+        <view class="h2">四、用户权利与义务</view>
         <p>
           用户有权按照本协议的约定使用本小程序提供的各项服务,并享有本小程序提供的各种权益和优惠。用户应遵守中华人民共和国相关法律法规,不得利用本小程序从事任何违法、违规或不道德的活动。
         </p>
-        <h2>五、我们的权利与义务</h2>
+        <view class="h2">五、我们的权利与义务</view>
         <p>
           我们有权根据法律法规的要求和本小程序的运营需要,对本协议的内容进行修改和更新,并在本小程序上进行公示。用户在继续使用本小程序时,应遵守修改后的协议内容。
         </p>
-        <h2>六、知识产权</h2>
+        <view class="h2">六、知识产权</view>
         <p>
           本小程序的全部内容,包括但不限于文字、图片、音频、视频、软件、商标、标识等,均受中华人民共和国法律法规和国际知识产权法律的保护。未经我们事先书面同意,用户不得以任何方式复制、修改、传播、出售、出租、转让、许可或以其他方式使用本小程序的任何内容。
         </p>
-        <h2>七、免责声明</h2>
+        <view class="h2">七、免责声明</view>
         <p>
           用户明确同意使用本小程序的风险由用户自行承担。本小程序提供的服务是按照现有技术和条件所能达到的现状提供的,我们不保证本小程序的服务不会中断、延迟、丢失数据或出现其他技术问题。
         </p>
-        <h2>八、违约责任</h2>
+        <view class="h2">八、违约责任</view>
         <p>
           如果用户违反本协议的任何条款,我们将有权采取相应的措施,包括但不限于警告、限制服务、暂停账号、终止服务等,并有权要求用户赔偿因此给我们造成的损失。
         </p>
-        <h2>九、法律适用与争议解决</h2>
+        <view class="h2">九、法律适用与争议解决</view>
         <p>
           本协议的订立、执行和解释及争议的解决均应适用中华人民共和国法律。如双方就本协议内容或其执行发生任何争议,双方应尽量友好协商解决;协商不成时,任何一方均可向我们所在地有管辖权的人民法院提起诉讼。
         </p>
-        <h2>十、其他</h2>
+        <view class="h2">十、其他</view>
         <p>
           本协议的任何条款无论因何种原因无效或不具可执行性,其余条款仍应有效并具有约束力。
         </p>
@@ -101,7 +101,7 @@ h1 {
   margin-bottom: 20px;
 }
 
-.agreement-content h2 {
+.agreement-content view {
   font-size: 18px;
   margin: 20px 0 10px;
 }
@@ -133,4 +133,8 @@ h1 {
   background-color: #f44336;
   color: #fff;
 }
+
+.h2{
+  font-weight: 600;
+}
 </style>

+ 54 - 60
src/pages-user/policy/index.vue

@@ -1,62 +1,62 @@
 <template>
-  <div class="privacy-policy">
-    <div class="policy-container">
+  <div class="user-agreement">
+    <div class="agreement-container">
 <!--      <h1>隐私政策</h1>-->
-      <div class="policy-content">
-        <p>
-          欢迎使用 [Yeswash]!在使用本小程序之前,请您仔细阅读并理解以下隐私政策的全部条款。您点击“同意”按钮或以其他方式确认接受本隐私政策,即表示您已阅读、理解并同意本隐私政策的全部条款,并愿意遵守本隐私政策的约束。
-        </p>
-        <h2>一、信息收集</h2>
-        <p>
+      <div class="agreement-content">
+        <view style="text-indent: 20px">
+          欢迎使用 [Yeswash洗车]!在使用本小程序之前,请您仔细阅读并理解以下隐私政策的全部条款。您点击“同意”按钮或以其他方式确认接受本隐私政策,即表示您已阅读、理解并同意本隐私政策的全部条款,并愿意遵守本隐私政策的约束。
+        </view>
+        <view  class="h2" >一、信息收集</view>
+        <view>
           为了向您提供更好的服务,我们可能会收集以下信息:
-        </p>
+        </view>
         <ul>
-          <li>您在注册时提供的个人信息,如姓名、手机号码、电子邮箱等。</li>
-          <li>您在使用本小程序过程中产生的行为数据,如浏览记录、购买记录等。</li>
-          <li>您的设备信息,如设备型号、操作系统版本、IP地址等。</li>
+          <li>1.您在注册时提供的个人信息,如姓名、手机号码、电子邮箱等。</li>
+          <li>2.您在使用本小程序过程中产生的行为数据,如浏览记录、购买记录等。</li>
+          <li>3.您的设备信息,如设备型号、操作系统版本、IP地址等。</li>
         </ul>
-        <h2>二、信息使用</h2>
-        <p>
+        <view class="h2" >二、信息使用</view>
+        <view>
           我们将收集的信息用于以下目的:
-        </p>
+        </view>
         <ul>
-          <li>为您提供个性化服务和推荐。</li>
-          <li>改进我们的产品和服务。</li>
-          <li>与您进行沟通和联系。</li>
+          <li>1.为您提供个性化服务和推荐。</li>
+          <li>2.改进我们的产品和服务。</li>
+          <li>3.与您进行沟通和联系。</li>
         </ul>
-        <h2>三、信息保护</h2>
-        <p>
+        <view class="h2">三、信息保护</view>
+        <view>
           我们将采取合理的措施保护您的个人信息,防止信息泄露、篡改或丢失。我们不会将您的个人信息出售、出租或以其他方式提供给第三方,除非:
-        </p>
+        </view>
         <ul>
-          <li>已获得您的明确同意。</li>
-          <li>根据法律法规的要求。</li>
-          <li>为了保护您的合法权益。</li>
+          <li>1.已获得您的明确同意。</li>
+          <li>2.根据法律法规的要求。</li>
+          <li>3.为了保护您的合法权益。</li>
         </ul>
-        <h2>四、信息共享</h2>
-        <p>
+        <view class="h2">四、信息共享</view>
+        <view>
           我们可能会在以下情况下与第三方共享您的信息:
-        </p>
+        </view>
         <ul>
-          <li>与我们的合作伙伴共享,以便为您提供更好的服务。</li>
-          <li>与我们的服务提供商共享,以便他们为我们提供技术支持。</li>
+          <li>1.与我们的合作伙伴共享,以便为您提供更好的服务。</li>
+          <li>2.与我们的服务提供商共享,以便他们为我们提供技术支持。</li>
         </ul>
-        <h2>五、用户权利</h2>
-        <p>
+        <view class="h2">五、用户权利</view>
+        <view>
           您有权访问、更正、删除您的个人信息。如果您有任何疑问或需要帮助,请随时联系我们。
-        </p>
-        <h2>六、未成年人保护</h2>
-        <p>
+        </view>
+        <view class="h2">六、未成年人保护</view>
+        <view>
           我们非常重视未成年人的隐私保护。如果您是未成年人,请在您的父母或监护人的指导下使用本小程序。
-        </p>
-        <h2>七、法律适用与争议解决</h2>
-        <p>
+        </view>
+        <view class="h2">七、法律适用与争议解决</view>
+        <view>
           本隐私政策的订立、执行和解释及争议的解决均应适用中华人民共和国法律。如双方就本隐私政策内容或其执行发生任何争议,双方应尽量友好协商解决;协商不成时,任何一方均可向我们所在地有管辖权的人民法院提起诉讼。
-        </p>
-        <h2>八、其他</h2>
-        <p>
+        </view>
+        <view class="h2">八、其他</view>
+        <view>
           本隐私政策的任何条款无论因何种原因无效或不具可执行性,其余条款仍应有效并具有约束力。
-        </p>
+        </view>
       </div>
       <div class="policy-buttons">
 <!--        <button @click="agree">同意</button>
@@ -85,7 +85,7 @@ export default {
 </script>
 
 <style scoped>
-.privacy-policy {
+.user-agreement {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -93,7 +93,7 @@ export default {
   background-color: #f5f5f5;
 }
 
-.policy-container {
+.agreement-container {
   width: 90%;
   max-width: 600px;
   background-color: #fff;
@@ -108,36 +108,26 @@ h1 {
   margin-bottom: 20px;
 }
 
-.policy-content {
+.agreement-content {
   margin-bottom: 20px;
 }
 
-.policy-content h2 {
+.agreement-content view {
   font-size: 18px;
   margin: 20px 0 10px;
 }
 
-.policy-content p {
+.agreement-content p {
   font-size: 14px;
   line-height: 1.5;
 }
 
-.policy-content ul {
-  list-style-type: disc;
-  padding-left: 20px;
-}
-
-.policy-content li {
-  font-size: 14px;
-  line-height: 1.5;
-}
-
-.policy-buttons {
+.agreement-buttons {
   display: flex;
   justify-content: space-between;
 }
 
-.policy-buttons button {
+.agreement-buttons button {
   padding: 10px 20px;
   font-size: 16px;
   border: none;
@@ -145,13 +135,17 @@ h1 {
   cursor: pointer;
 }
 
-.policy-buttons button:first-child {
+.agreement-buttons button:first-child {
   background-color: #4caf50;
   color: #fff;
 }
 
-.policy-buttons button:last-child {
+.agreement-buttons button:last-child {
   background-color: #f44336;
   color: #fff;
 }
+
+.h2{
+  font-weight: 600;
+}
 </style>

+ 29 - 2
src/pages/index/index.vue

@@ -53,18 +53,27 @@
 
     <movable-area class="mov-area">
       <movable-view :x="state.screenWidth" :y="300" direction="all" @change="onChange" class="customer-service">
-        <button open-type="contact" @contact="handleContact" class="contact">在线客服</button>
+        <button open-type="contact" @contact="handleContact" class="contact" send-message-title="YesWash洗车客服">在线客服</button>
         <image class="cs" src="/static/iconfont/cs.svg"/>
       </movable-view>
     </movable-area>
 
     <!--    站点清单  end-->
 
+
+<!--    停车券-->
+    <uv-popup ref="parking_popup_ref" closeable>
+      <view class="parking_box">
+        <image  show-menu-by-longpress  src="/static/parking-qrcode.png" style="width: 420rpx;height: 420rpx;"/>
+        <text>长按识别二维码获取停车优惠</text>
+      </view>
+    </uv-popup>
+
     <!--    <cover-view class="login_bar">
           <login-bar class="w100 text-center"></login-bar>
         </cover-view>-->
     <!--    <cover-view class="login_bar" v-show="!isLogin">-->
-    <login-bar class="w100 text-center" send-message-title="YesWash洗车客服"></login-bar>
+    <login-bar class="w100 text-center" ></login-bar>
     <!--    </cover-view>-->
     <tab-bar :index="0"></tab-bar>
   </view>
@@ -81,9 +90,11 @@ import {calcMapDistance} from "@/utils/common"
 import {checkLogin, fetchToken, loadUserInfo, tryLogin} from "@/utils/auth";
 import {rpxToPx} from "@/utils/device";
 
+const parking_popup_ref = ref();
 const isLogin = ref(false)
 const isDragging = ref(false)
 
+
 const change = () => {
   console.log("change")
 }
@@ -261,6 +272,8 @@ const handleMenuClick = (menu: any) => {
       uni.navigateTo({
         url: '/pages-user/wallet/recharge'
       })
+    } else if (menu.title === '停车') {
+      parking_popup_ref.value?.open('center');
     } else {
       uni.showToast({
         icon: 'none',
@@ -462,4 +475,18 @@ movable-area {
     }
   }
 }
+
+.parking_box{
+  width: 500rpx;
+  height: 500rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border-radius: 4px;
+
+  text{
+    font-size: 12px;
+  }
+}
 </style>

+ 1 - 1
src/static/iconfont/default/parking.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1742390410004" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="33622" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="72"><path d="M645.688889 261.688889c-17.066667-14.222222-36.977778-22.755556-56.888889-28.444445-22.755556-2.844444-65.422222-5.688889-133.688889-5.688888h-113.777778v568.888888h56.888889v-256h39.822222c65.422222 0 116.622222-8.533333 147.911112-14.222222 31.288889-5.688889 59.733333-25.6 79.644444-48.355555 19.911111-25.6 31.288889-56.888889 31.288889-96.711111 0-25.6-5.688889-48.355556-14.222222-68.266667s-19.911111-36.977778-36.977778-51.2z m-34.133333 190.577778c-19.911111 19.911111-56.888889 31.288889-116.622223 31.288889H398.222222v-199.111112h102.4c93.866667 0 139.377778 31.288889 139.377778 96.711112 0 28.444444-11.377778 51.2-28.444444 71.111111z" fill="#C6171E" p-id="33623"></path><path d="M844.8 0H179.2C79.644444 0 0 79.644444 0 179.2v665.6C0 944.355556 79.644444 1024 179.2 1024h665.6c99.555556 0 179.2-79.644444 179.2-179.2V179.2C1024 79.644444 944.355556 0 844.8 0zM967.111111 844.8c0 68.266667-54.044444 122.311111-122.311111 122.311111H179.2C110.933333 967.111111 56.888889 913.066667 56.888889 844.8V179.2C56.888889 110.933333 110.933333 56.888889 179.2 56.888889h665.6C913.066667 56.888889 967.111111 110.933333 967.111111 179.2v665.6z" fill="#C6171E" p-id="33624"></path></svg>
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1744813461222" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2695" width="48" height="48" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M640 444.757333C640 489.728 640 554.666667 576 554.666667H426.666667v170.666666H384V341.333333h192c42.666667 0 64 34.474667 64 103.424 0 73.258667-0.128 73.258667-0.341333 0-0.256-73.258667-0.128-73.258667 0.341333 0zM533.333333 384H426.666667v128h106.666666c42.666667 0 64-22.4 64-67.242667C597.333333 399.957333 576 379.733333 533.333333 384zM512 810.666667a298.666667 298.666667 0 1 0 0-597.333334 298.666667 298.666667 0 0 0 0 597.333334z m0 42.666666a341.333333 341.333333 0 1 1 0-682.666666 341.333333 341.333333 0 0 1 0 682.666666z" fill="#C6171E" fill-opacity=".9" p-id="2696"></path></svg>

BIN
src/static/parking-qrcode.png