{"version":3,"file":"bind-phone.js","sources":["../../../../../src/pages/permission/bind-phone.vue","../../../../../uniPage:/cGFnZXMvcGVybWlzc2lvbi9iaW5kLXBob25lLnZ1ZQ"],"sourcesContent":["\r\n\r\n<template>\n<layout-default-uni >\r\n  <image\r\n    class=\"absolute w-full h-full\"\r\n    src=\"/static/certification/certification_bg.png\"\r\n    mode=\"aspectFill\"\r\n  ></image>\r\n  <view class=\"absolute w-full top-_a_75vw_a_\">\r\n\r\n    <!-- 手机号绑定部分 -->\r\n    <view class=\"p-4\">\r\n      <view class=\"bg-white p-4 rounded-lg shadow mb-4 flex items-center\">\r\n        <wd-icon name=\"search\" size=\"24\" class=\"text-gray-400\"></wd-icon>\r\n        <input class=\"ml-4 flex-1 text-lg\" placeholder=\"请输入手机号\" v-model=\"phoneNumber\" />\r\n      </view>\r\n      <view class=\"bg-white p-4 rounded-lg shadow mb-4 flex items-center\">\r\n        <wd-icon name=\"search\" size=\"24\" class=\"text-gray-400\"></wd-icon>\r\n        <input class=\"ml-4 flex-1 text-lg\" placeholder=\"请输入验证码\" v-model=\"captcha\" />\r\n      </view>\r\n      <button\r\n        class=\"w-full bg-gray-300 text-white text-center rounded-full py-4 mt-4\"\r\n        @click=\"getVerificationCode\"\r\n      >\r\n        获取验证码\r\n      </button>\r\n      <button\r\n        class=\"w-full bg-gray-300 text-white text-center rounded-full py-1 mt-4\"\r\n        @click=\"binding\"\r\n      >\r\n        绑定\r\n      </button>\r\n      <button\r\n        class=\"w-full bg-_a__a_ff7f50_a_ text-black text-center rounded-full py-1 mt-4\"\r\n        @click=\"toPath('/')\"\r\n      >\r\n        返回首页\r\n      </button>\r\n    </view>\r\n  </view>\r\n\r\n</layout-default-uni>\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref } from 'vue'\r\nimport TopBar from \"@/components/TopBar.vue\";\r\nimport {toPath} from \"@/utils/commUtils\";\r\n\r\nconst phoneNumber = ref('')\r\nconst captcha = ref('')\r\n\r\nconst getVerificationCode = () => {\r\n  // 获取验证码逻辑\r\n  if (!phoneNumber.value) {\r\n    uni.showToast({ title: '请输入手机号', icon: 'none' })\r\n    return\r\n  }\r\n  uni.showToast({ title: '验证码已发送', icon: 'success' })\r\n}\r\nconst binding = () => {\r\n  if (!captcha.value) {\r\n    uni.showToast({ title: '请输入验证码', icon: 'none' })\r\n    return\r\n  }\r\n  if (!phoneNumber.value) {\r\n    uni.showToast({ title: '请输入手机号', icon: 'none' })\r\n    return\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n/* 使用 UnoCSS 定义样式 */\r\n.view {\r\n  @apply bg-_a__a_F5F5F5_a_ h-full;\r\n}\r\n\r\n.button {\r\n  @apply w-full bg-gray-300 text-white text-center rounded-full py-4 mt-4;\r\n}\r\n</style>\r\n","import MiniProgramPage from 'D:/App/Work/addr/acdr-ui/src/pages/permission/bind-phone.vue'\nwx.createPage(MiniProgramPage)"],"names":["ref","uni"],"mappings":";;;;;;;;;;;;;;;AAkDM,UAAA,cAAcA,kBAAI,EAAE;AACpB,UAAA,UAAUA,kBAAI,EAAE;AAEtB,UAAM,sBAAsB,MAAM;AAE5B,UAAA,CAAC,YAAY,OAAO;AACtBC,sBAAA,MAAI,UAAU,EAAE,OAAO,UAAU,MAAM,QAAQ;AAC/C;AAAA,MACF;AACAA,oBAAA,MAAI,UAAU,EAAE,OAAO,UAAU,MAAM,WAAW;AAAA,IAAA;AAEpD,UAAM,UAAU,MAAM;AAChB,UAAA,CAAC,QAAQ,OAAO;AAClBA,sBAAA,MAAI,UAAU,EAAE,OAAO,UAAU,MAAM,QAAQ;AAC/C;AAAA,MACF;AACI,UAAA,CAAC,YAAY,OAAO;AACtBA,sBAAA,MAAI,UAAU,EAAE,OAAO,UAAU,MAAM,QAAQ;AAC/C;AAAA,MACF;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;ACpEF,GAAG,WAAW,eAAe;"}