协议样式提取

src/styles/protocol/index.css

@@ -0,0 +1,129 @@
+@charset "UTF-8";
+html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
+  margin: 0;
+  padding: 0;
+}
+
+header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
+  display: block;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+caption, th {
+  text-align: left;
+  font-weight: normal;
+}
+
+html, body, fieldset, img, iframe, abbr {
+  border: 0;
+}
+
+i, cite, em, var, address, dfn {
+  font-style: normal;
+}
+
+[hidefocus], summary {
+  outline: 0;
+}
+
+li {
+  list-style: none;
+}
+
+h1, h2, h3, h4, h5, h6, small {
+  font-size: 100%;
+}
+
+a, button {
+  cursor: pointer;
+}
+
+h1, h2, h3, h4, h5, h6, em, strong, b {
+  font-weight: bold;
+}
+
+del, ins, u, s, a, a:hover {
+  text-decoration: none;
+}
+
+.conter, .conttle {
+  width: 100%;
+  overflow: hidden;
+}
+
+.large {
+  width: 100%;
+  height: 1px;
+  background-color: var(--default-color);
+}
+
+.Protocol {
+  width: 1040px;
+  margin: 0 auto;
+  background-color: #fff;
+  padding: 40px 40px 90px;
+  box-sizing: border-box;
+  font-family: "微软雅黑";
+}
+
+.Protocol p {
+  color: #333333;
+  font-size: 14px;
+  line-height: 30px;
+}
+
+.segment {
+  width: 100%;
+  font-size: 22px;
+  color: #333333;
+  margin-top: 45px;
+  margin-bottom: 32px;
+  font-weight: 700;
+  text-align: center;
+}
+
+.subtitle, .crosshead {
+  color: var(--default-color);
+  font-size: 14px;
+  line-height: 30px;
+}
+
+.crosshead {
+  color: #333333;
+}
+
+.text-color {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  padding: 0px;
+  color: #333333;
+  font-size: 14px;
+  line-height: 30px;
+  font-family: 微软雅黑;
+  white-space: normal;
+}
+
+.text-font {
+  font-family: 宋体, SimSun;
+}
+
+.text-size {
+  margin: 0px;
+  padding: 0px;
+  font-size: 14px;
+  color: #00897B;
+  line-height: 30px;
+  font-family: 微软雅黑;
+  white-space: normal;
+}
+
+.text-p {
+  text-align: justify;
+  font-family: Calibri;
+  font-size: 14px;
+  white-space: normal;
+}

src/styles/protocol/index.min.css

@@ -0,0 +1 @@
+html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left;font-weight:normal}html,body,fieldset,img,iframe,abbr{border:0}i,cite,em,var,address,dfn{font-style:normal}[hidefocus],summary{outline:0}li{list-style:none}h1,h2,h3,h4,h5,h6,small{font-size:100%}a,button{cursor:pointer}h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold}del,ins,u,s,a,a:hover{text-decoration:none}.conter,.conttle{width:100%;overflow:hidden}.large{width:100%;height:1px;background-color:var(--default-color)}.Protocol{width:1040px;margin:0 auto;background-color:#fff;padding:40px 40px 90px;box-sizing:border-box;font-family:"微软雅黑"}.Protocol p{color:#333333;font-size:14px;line-height:30px}.segment{width:100%;font-size:22px;color:#333333;margin-top:45px;margin-bottom:32px;font-weight:700;text-align:center}.subtitle,.crosshead{color:var(--default-color);font-size:14px;line-height:30px}.crosshead{color:#333333}.text-color{margin-top:0px;margin-bottom:0px;padding:0px;color:#333;font-size:14px;line-height:30px;font-family:微软雅黑;white-space:normal}.text-font{font-family:宋体, SimSun}.text-size{margin:0px;padding:0px;font-size:14px;color:#00897B;line-height:30px;font-family:微软雅黑;white-space:normal}.text-p{text-align:justify;font-family:Calibri;font-size:14px;white-space:normal}

src/styles/protocol/index.scss

@@ -0,0 +1,123 @@
+html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {
+  margin: 0;
+  padding: 0;
+}
+
+header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details {
+  display: block;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+caption,th {
+  text-align: left;
+  font-weight: normal;
+}
+
+html,body,fieldset,img,iframe,abbr {
+  border: 0;
+}
+
+i,cite,em,var,address,dfn {
+  font-style: normal;
+}
+
+[hidefocus],summary {
+  outline: 0;
+}
+
+li {
+  list-style: none;
+}
+
+h1,h2,h3,h4,h5,h6,small {
+  font-size: 100%;
+}
+
+a,button {
+  cursor: pointer;
+}
+
+h1,h2,h3,h4,h5,h6,em,strong,b {
+  font-weight: bold;
+}
+
+del,ins,u,s,a,a:hover {
+  text-decoration: none;
+}
+
+.conter,.conttle {
+  width: 100%;
+  overflow: hidden;
+}
+
+.large {
+  width: 100%;
+  height: 1px;
+  background-color: var(--default-color);
+}
+
+.Protocol {
+  width: 1040px;
+  margin: 0 auto;
+  background-color: #fff;
+  padding: 40px 40px 90px;
+  box-sizing: border-box;
+  font-family: "微软雅黑";
+}
+
+.Protocol p {
+  color: #333333;
+  font-size: 14px;
+  line-height: 30px;
+}
+
+.segment {
+  width: 100%;
+  font-size: 22px;
+  color: #333333;
+  margin-top: 45px;
+  margin-bottom: 32px;
+  font-weight: 700;
+  text-align: center;
+}
+
+.subtitle,.crosshead {
+  color: var(--default-color);
+  font-size: 14px;
+  line-height: 30px;
+}
+
+.crosshead {
+  color: #333333;
+}
+.text-color {
+  margin-top: 0px; 
+  margin-bottom: 0px; 
+  padding: 0px; 
+  color: rgb(51, 51, 51); 
+  font-size: 14px; 
+  line-height: 30px; 
+  font-family: 微软雅黑; 
+  white-space: normal;
+}
+.text-font {
+  font-family: 宋体, SimSun;
+}
+.text-size {
+  margin: 0px; 
+  padding: 0px; 
+  font-size: 14px; 
+  color: #00897B; 
+  line-height: 30px; 
+  font-family: 微软雅黑; 
+  white-space: normal;
+}
+.text-p {
+  text-align: justify;
+  font-family: Calibri;
+  font-size: 14px;
+  white-space: normal
+}

src/views/login/components/phone.vue

@@ -11,8 +11,8 @@
             </span>
             <v-menu activator="#menu-activator">
               <v-list>
-                <v-list-item v-for="(item, index) in items" :key="index" :value="index" @click="handleChangeCurrentAear">
-                  <v-list-item-title>{{ item.title }}</v-list-item-title>
+                <v-list-item v-for="(item, index) in items" :key="index" :value="index" @click="handleChangeCurrentAear(item)">
+                  <v-list-item-title>{{ item.label }}</v-list-item-title>
                 </v-list-item>
               </v-list>
             </v-menu>
@@ -44,12 +44,12 @@ const phoneRules = ref([
   }
 ])
 // 手机号区域
-const currentAear = ref('中国大陆')
+const currentAear = ref('00086')
 const items = [
-  { title: '中国大陆', value: '86' }
+  { label: '中国大陆-0086', value: '0086' }
 ]
 const handleChangeCurrentAear = (e) => {
-  currentAear.value = e.target.innerText
+  currentAear.value = e.value
 }
 
 // 获取验证码
@@ -103,7 +103,7 @@ const loginData = reactive({
   font-size: 12px;
 }
 ::v-deep .phone-number {
+  width: 34px;
   font-size: 12px;
-  width: 50px;
 }
 </style>

src/views/login/components/privacyPolicy.vue

@@ -6,11 +6,8 @@
         style="margin-top:20px;font-size:26px;margin-bottom:20px;"
       >门墩儿直聘隐私保护政策</h1>
       <div style="word-break: break-word;">
-        <p>尊敬的用户，我们对《门墩儿直聘隐私保护政策》（以下简称“本《隐私保护政策》”）进行了更新，
-          请你务必认真阅读本《隐私保护政策》，在确认充分了解并同意后使用。在您成为门墩儿直聘注册用戶 ，使用门墩儿直聘提供的服务之前 ，请您认真阅读门墩儿直聘《用戶协议》（ 以下简 称“协议”）， 更好地了解我们所提供的服务以及您享有的权利和承担的义务。您一旦开始使用门墩儿直聘服务，即表示您已经确认并接受了本协议中的全部条款。
-本协议系由您（ 以下简称“用戶 ”或“您”） 与苏州火识教育科技有限公司（ 以下简称“门墩儿直聘公司”或“我们”）
-（公司地址：苏州工业园区林泉街399号东南大学国家大学科技园（苏州）南工院（2#）304室 ，联系电话：15618895775）就门墩儿直聘公  司提供的门墩儿直聘软件（ 以下简称“本平台”或“门墩儿直聘”）所订立的相关权利义务规范。门墩儿直聘软件是一个 严肃纯净的招聘服务软件 ，请您在注册、使用门墩儿直聘之前 ，认真阅读以下条款。
-（温馨提示：为了您的合法权益不受损害，平台建议您在使用门墩儿直聘找工作前，仔细阅读安全求职指南，谨防各类求职陷阱）。
+        <p>尊敬的用户，欢迎您使用门墩儿产品和服务！
+门墩儿致力于为您提供高质量的招聘服务，我们深知个人信息的重要性，并承诺严格遵守相关法律法规，保护您的隐私和个人信息安全。本隐私政策旨在向您说明我们在收集、使用、处理、存储和分享您的个人信息时的做法，以帮助您更好地了解我们的服务并作出明智的决策。
         </p>
         <p>&nbsp;
 
@@ -456,175 +453,5 @@
 </template>
 
 <style scoped lang="scss">
-html,
-body,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-div,
-dl,
-dt,
-dd,
-ul,
-ol,
-li,
-p,
-blockquote,
-pre,
-hr,
-figure,
-table,
-caption,
-th,
-td,
-form,
-fieldset,
-legend,
-input,
-button,
-textarea,
-menu {
-    margin: 0;
-    padding: 0;
-}
-
-header,
-footer,
-section,
-article,
-aside,
-nav,
-hgroup,
-address,
-figure,
-figcaption,
-menu,
-details {
-    display: block;
-}
-
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
-
-caption,
-th {
-    text-align: left;
-    font-weight: normal;
-}
-
-html,
-body,
-fieldset,
-img,
-iframe,
-abbr {
-    border: 0;
-}
-
-i,
-cite,
-em,
-var,
-address,
-dfn {
-    font-style: normal;
-}
-
-[hidefocus],
-summary {
-    outline: 0;
-}
-
-li {
-    list-style: none;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-small {
-    font-size: 100%;
-}
-
-a,
-button {
-    cursor: pointer;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-em,
-strong,
-b {
-    font-weight: bold;
-}
-
-del,
-ins,
-u,
-s,
-a,
-a:hover {
-    text-decoration: none;
-}
-
-.conter,
-.conttle {
-    width: 100%;
-    overflow: hidden;
-}
-
-.large {
-    width: 100%;
-    height: 1px;
-    background-color: var(--default-color);
-}
-
-.Protocol {
-    width: 1040px;
-    margin: 0 auto;
-    background-color: #fff;
-    padding: 40px 40px 90px;
-    box-sizing: border-box;
-    font-family: "微软雅黑";
-}
-
-.Protocol p {
-    color: #333333;
-    font-size: 14px;
-    line-height: 30px;
-}
-
-.segment {
-    width: 100%;
-    font-size: 22px;
-    color: #333333;
-    margin-top: 45px;
-    margin-bottom: 32px;
-    font-weight: 700;
-    text-align: center;
-}
-
-.subtitle,
-.crosshead {
-    color: var(--default-color);
-    font-size: 14px;
-    line-height: 30px;
-}
-
-.crosshead {
-    color: #333333;
-}
+@import url('../../../styles/protocol/index.scss');
 </style>