隐私

src/styles/index.css

@@ -5,6 +5,7 @@
   --v-primary-lighten2: #4DB6AC;
   --v-primary-lighten3: #80CBC4;
   --v-primary-lighten4: #B2DFDB;
+  --default-text: #666;
 }
 
 .buttons {

src/styles/index.min.css

@@ -1 +1 @@
-:root{--zIndex-dialog:9999;--v-primary-base:#00897B;--v-primary-lighten1:#26A69A;--v-primary-lighten2:#4DB6AC;--v-primary-lighten3:#80CBC4;--v-primary-lighten4:#B2DFDB}.buttons{height:36px;width:224px}.half-button{height:36px;width:88px}
+:root{--zIndex-dialog:9999;--v-primary-base:#00897B;--v-primary-lighten1:#26A69A;--v-primary-lighten2:#4DB6AC;--v-primary-lighten3:#80CBC4;--v-primary-lighten4:#B2DFDB;--default-text:#666}.buttons{height:36px;width:224px}.half-button{height:36px;width:88px}

src/styles/index.scss

@@ -5,6 +5,7 @@
   --v-primary-lighten2: #4DB6AC;
   --v-primary-lighten3: #80CBC4;
   --v-primary-lighten4: #B2DFDB;
+  --default-text: #666;
 }
 // 长按钮
 .buttons {

src/views/Home/personal/account/dynamic/editPassword.vue

@@ -2,10 +2,7 @@
   <div>
     <h3>修改密码</h3>
     <v-divider class="mb-4"></v-divider>
-    <div>
-      <div class="login-user">当前登录账号： <span style="color: #483d3d;">{{ userInfo.phone }}</span></div>
-      <div class="error-tips mt-2 mb-1">检测到当前账号未设置密码，设置后可使用账号密码进行登录。</div>
-    </div>
+    <div class="login-user mb-4">当前登录账号： <span style="color: var(--v-primary-base);">{{ userInfo.phone }}</span></div>
     <div style="width: 300px;">
       <PhonePage ref="phoneRef"></PhonePage>
       <v-form ref="passwordRef">
@@ -86,13 +83,8 @@ h3 {
   font-weight: 600;
   padding-bottom: 25px;
 }
-.error-tips {
-  color: #f44336;
-  font-size: 12px;
-  font-weight: 600;
-}
 .login-user {
-  color: grey;
+  color: var(--default-text);
   font-weight: 600;
 }
 </style>

src/views/Home/personal/account/dynamic/privacySettings.vue

@@ -2,10 +2,25 @@
   <div>
     <h3>隐私设置</h3>
     <v-divider class="mb-4"></v-divider>
+    <v-radio-group v-model="radios">
+      <v-radio v-for="k in items" :key="k.value" :label="k.label" :value="k.value" color="primary">
+        <template v-slot:label>
+          <div class="radio-text">{{ k.label }} <span class="radio-desc">{{ k.decs }}</span></div>
+        </template>
+      </v-radio>
+    </v-radio-group>
+    <v-divider class="mb-4"></v-divider>
   </div>
 </template>
 
 <script setup name="privacySettings">
+import { ref } from 'vue'
+const radios = ref(0)
+const items = [
+  { label: '简历公开', decs: '正在找工作，企业可以看到我的简历', value: 0 },
+  { label: '仅投递公司可见', decs: '可投递简历，仅投递可见', value: 1 },
+  { label: '简历保密', decs: '没找工作，企业不能搜索到您的简历', value: 2 }
+]
 </script>
 
 <style lang="scss" scoped>
@@ -15,4 +30,12 @@ h3 {
   font-weight: 600;
   padding-bottom: 25px;
 }
+::v-deep .radio-text {
+  font-weight: 700;
+  color: #000;
+}
+.radio-desc {
+  color: var(--default-text);
+  margin-left: 30px;
+}
 </style>