世锦赛
Showing
4 changed files
with
63 additions
and
18 deletions
src/assets/pc/icon.png
0 → 100644
2.76 KB
| ... | @@ -70,10 +70,16 @@ | ... | @@ -70,10 +70,16 @@ |
| 70 | </el-dialog> | 70 | </el-dialog> |
| 71 | </div> | 71 | </div> |
| 72 | 72 | ||
| 73 | <div class="operation" @click="handelOperation">{{ language == 0 ? '操作手册' : 'Website Operation Manual' }} | 73 | <div class="operation" @click="handelOperation"> |
| 74 | <el-icon> | 74 | <div> |
| 75 | <Download/> | 75 | <img alt="" src="@/assets/pc/icon.png"> |
| 76 | </el-icon> | 76 | </div> |
| 77 | <div class="text"> | ||
| 78 | {{ language == 0 ? '操作手册' : 'Website Manual' }} | ||
| 79 | <!-- <el-icon>--> | ||
| 80 | <!-- <Download/>--> | ||
| 81 | <!-- </el-icon>--> | ||
| 82 | </div> | ||
| 77 | </div> | 83 | </div> |
| 78 | <dialog-master-class ref="masterClassRef"/> | 84 | <dialog-master-class ref="masterClassRef"/> |
| 79 | <pick-up ref="pickupRef"></pick-up> | 85 | <pick-up ref="pickupRef"></pick-up> |
| ... | @@ -171,6 +177,32 @@ function handelOperation() { | ... | @@ -171,6 +177,32 @@ function handelOperation() { |
| 171 | z-index: 99; | 177 | z-index: 99; |
| 172 | } | 178 | } |
| 173 | 179 | ||
| 180 | .operation { | ||
| 181 | position: fixed; | ||
| 182 | right: 0; | ||
| 183 | top: 500px; | ||
| 184 | color: #fff; | ||
| 185 | cursor: pointer; | ||
| 186 | background: #fff; | ||
| 187 | border-radius: 10px 0 0 10px; | ||
| 188 | box-shadow: 0 2px 8px #aaa; | ||
| 189 | padding: 10px 8px; | ||
| 190 | text-align: center; | ||
| 191 | |||
| 192 | img { | ||
| 193 | margin: 0 auto; | ||
| 194 | } | ||
| 195 | |||
| 196 | .text { | ||
| 197 | font-family: FZJunHeiS-B-GB; | ||
| 198 | font-weight: 600; | ||
| 199 | font-size: 17px; | ||
| 200 | background: linear-gradient(0deg, #8226FC 0%, #483BEB 100%); | ||
| 201 | -webkit-background-clip: text; | ||
| 202 | -webkit-text-fill-color: transparent; | ||
| 203 | } | ||
| 204 | } | ||
| 205 | |||
| 174 | @media screen and (max-width: 768px) { | 206 | @media screen and (max-width: 768px) { |
| 175 | :deep(.zn-Box .zn-btn) { | 207 | :deep(.zn-Box .zn-btn) { |
| 176 | margin-top: 10px; | 208 | margin-top: 10px; |
| ... | @@ -190,15 +222,5 @@ function handelOperation() { | ... | @@ -190,15 +222,5 @@ function handelOperation() { |
| 190 | } | 222 | } |
| 191 | } | 223 | } |
| 192 | 224 | ||
| 193 | .operation { | 225 | |
| 194 | position: fixed; | ||
| 195 | right: 0; | ||
| 196 | top: 580px; | ||
| 197 | color: #fff; | ||
| 198 | background-color: rgba(0, 0, 0, 0.5); | ||
| 199 | backdrop-filter: blur(4px); | ||
| 200 | border-radius: 50px; | ||
| 201 | padding: 10px 20px; | ||
| 202 | cursor: pointer; | ||
| 203 | } | ||
| 204 | </style> | 226 | </style> | ... | ... |
| ... | @@ -28,7 +28,8 @@ | ... | @@ -28,7 +28,8 @@ |
| 28 | review, payment bills, visa invitation letters, etc. | 28 | review, payment bills, visa invitation letters, etc. |
| 29 | </div> | 29 | </div> |
| 30 | </el-form-item> | 30 | </el-form-item> |
| 31 | <el-form-item :label="language==0?'验证码':'Code'" required> | 31 | |
| 32 | <el-form-item :label="language==0?'验证码':'Code'" required style="position: relative"> | ||
| 32 | <el-input v-model="form.code"> | 33 | <el-input v-model="form.code"> |
| 33 | <template #append> | 34 | <template #append> |
| 34 | <el-button class="codeBtn" plain style="width: 110px" type="primary" @click="sendsmsMsg"> | 35 | <el-button class="codeBtn" plain style="width: 110px" type="primary" @click="sendsmsMsg"> |
| ... | @@ -45,6 +46,10 @@ | ... | @@ -45,6 +46,10 @@ |
| 45 | <Vcode :failText="failVcode" :show="isShow" :slider-text="sliderText" :successText="successVcode" | 46 | <Vcode :failText="failVcode" :show="isShow" :slider-text="sliderText" :successText="successVcode" |
| 46 | type="inside" @success="codeSuccess"></Vcode> | 47 | type="inside" @success="codeSuccess"></Vcode> |
| 47 | </div> | 48 | </div> |
| 49 | |||
| 50 | <div class="son" style="position: absolute;top: -40px; width: 380px;right: 0;line-height: 1.1"> | ||
| 51 | Please click "Send" to receive the verification code via email, then enter the code below. | ||
| 52 | </div> | ||
| 48 | </el-form-item> | 53 | </el-form-item> |
| 49 | <el-form-item :label="language==0?'协会':'Association'"> | 54 | <el-form-item :label="language==0?'协会':'Association'"> |
| 50 | <el-select v-model="form.associationCode" :placeholder="language==0?'请选择':'Please select'" filterable> | 55 | <el-select v-model="form.associationCode" :placeholder="language==0?'请选择':'Please select'" filterable> |
| ... | @@ -242,4 +247,22 @@ function close() { | ... | @@ -242,4 +247,22 @@ function close() { |
| 242 | color: #fff !important; | 247 | color: #fff !important; |
| 243 | 248 | ||
| 244 | } | 249 | } |
| 250 | |||
| 251 | .son { | ||
| 252 | position: absolute; | ||
| 253 | top: -40px; | ||
| 254 | width: 380px; | ||
| 255 | right: 0; | ||
| 256 | line-height: 1.1 | ||
| 257 | } | ||
| 258 | |||
| 259 | @media (max-width: 750px) { | ||
| 260 | .son { | ||
| 261 | position: absolute; | ||
| 262 | top: -50px !important; | ||
| 263 | width: 270px !important; | ||
| 264 | right: 0; | ||
| 265 | line-height: 1.1 | ||
| 266 | } | ||
| 267 | } | ||
| 245 | </style> | 268 | </style> | ... | ... |
| ... | @@ -85,9 +85,9 @@ export default defineConfig(({mode, command}) => { | ... | @@ -85,9 +85,9 @@ export default defineConfig(({mode, command}) => { |
| 85 | '/dev-api': { | 85 | '/dev-api': { |
| 86 | // target: 'http://192.168.1.118:8082/', | 86 | // target: 'http://192.168.1.118:8082/', |
| 87 | // target: 'http://192.168.1.131:8081/', | 87 | // target: 'http://192.168.1.131:8081/', |
| 88 | target: 'https://tk005.wxjylt.com/stage-api', | 88 | // target: 'https://tk005.wxjylt.com/stage-api', |
| 89 | // target: 'http://124.70.181.90:1880/stage-api', | 89 | // target: 'http://124.70.181.90:1880/stage-api', |
| 90 | // target: 'https://sys.2025wtcwuxi.com/stage-api/', | 90 | target: 'https://sys.2025wtcwuxi.com/stage-api/', |
| 91 | changeOrigin: true, | 91 | changeOrigin: true, |
| 92 | rewrite: (p) => p.replace(/^\/dev-api/, '') | 92 | rewrite: (p) => p.replace(/^\/dev-api/, '') |
| 93 | }, | 93 | }, | ... | ... |
-
Please register or sign in to post a comment