From db99ea4e7fdff8202e686de55a5e859aa3c86408 Mon Sep 17 00:00:00 2001 From: Teng <461587751@qq.com> Date: Mon, 23 Jun 2025 17:31:43 +0800 Subject: [PATCH] 222 --- compontent/public/camera.vue | 8 +- pages/addjigou/all.vue | 1 + pages/addjigou/card.vue | 258 ++++++++---- pages/addjigou/name.vue | 213 +++++++--- pages/addjigou/where.vue | 397 +++++++++++------- pages/login/callback.vue | 10 +- pages/login/index.vue | 4 +- pages/login/threeselectone.vue | 15 +- pages/login/workjoin.vue | 1 + .../qf-image-cropper/qf-image-cropper.vue | 10 +- .../mp-weixin/compontent/public/camera.js.map | 2 +- .../mp-weixin/pages/addjigou/all.js.map | 2 +- .../mp-weixin/pages/addjigou/card.js.map | 2 +- .../mp-weixin/pages/addjigou/name.js.map | 2 +- .../mp-weixin/pages/addjigou/where.js.map | 2 +- .../mp-weixin/pages/login/callback.js.map | 2 +- .../mp-weixin/pages/login/index.js.map | 2 +- .../pages/login/threeselectone.js.map | 2 +- .../mp-weixin/pages/login/workjoin.js.map | 2 +- .../qf-image-cropper/qf-image-cropper.js.map | 2 +- .../u-action-sheet/u-action-sheet.js.map | 1 + unpackage/dist/dev/mp-weixin/common/vendor.js | 2 +- .../dev/mp-weixin/compontent/public/camera.js | 8 +- .../dist/dev/mp-weixin/pages/addjigou/all.js | 3 +- .../dist/dev/mp-weixin/pages/addjigou/card.js | 118 +++++- .../dev/mp-weixin/pages/addjigou/card.json | 3 +- .../dev/mp-weixin/pages/addjigou/card.wxml | 2 +- .../dev/mp-weixin/pages/addjigou/card.wxss | 79 +++- .../dist/dev/mp-weixin/pages/addjigou/name.js | 77 +++- .../dev/mp-weixin/pages/addjigou/name.json | 3 +- .../dev/mp-weixin/pages/addjigou/name.wxml | 2 +- .../dev/mp-weixin/pages/addjigou/name.wxss | 66 +-- .../dev/mp-weixin/pages/addjigou/where.js | 118 +++++- .../dev/mp-weixin/pages/addjigou/where.json | 3 +- .../dev/mp-weixin/pages/addjigou/where.wxml | 2 +- .../dev/mp-weixin/pages/addjigou/where.wxss | 101 +++-- .../dev/mp-weixin/pages/login/callback.js | 2 +- .../dev/mp-weixin/pages/login/callback.wxml | 2 +- .../dev/mp-weixin/pages/login/callback.wxss | 4 + .../dist/dev/mp-weixin/pages/login/index.wxml | 2 +- .../mp-weixin/pages/login/threeselectone.js | 10 +- .../mp-weixin/pages/login/threeselectone.wxml | 2 +- .../mp-weixin/pages/login/threeselectone.wxss | 7 +- .../dev/mp-weixin/pages/login/workjoin.js | 1 + .../dist/dev/mp-weixin/project.config.json | 5 +- .../qf-image-cropper/qf-image-cropper.wxss | 8 +- .../u-action-sheet/u-action-sheet.js | 192 +++++++++ .../u-action-sheet/u-action-sheet.json | 6 + .../u-action-sheet/u-action-sheet.wxml | 1 + .../u-action-sheet/u-action-sheet.wxss | 54 +++ .../components/u-select/u-select.js | 341 +++++++++++++++ .../components/u-select/u-select.json | 6 + .../components/u-select/u-select.wxml | 1 + .../components/u-select/u-select.wxss | 76 ++++ 54 files changed, 1766 insertions(+), 479 deletions(-) create mode 100644 unpackage/dist/dev/.sourcemap/mp-weixin/uni_modules/vk-uview-ui/components/u-action-sheet/u-action-sheet.js.map create mode 100644 unpackage/dist/dev/mp-weixin/uni_modules/vk-uview-ui/components/u-action-sheet/u-action-sheet.js create mode 100644 unpackage/dist/dev/mp-weixin/uni_modules/vk-uview-ui/components/u-action-sheet/u-action-sheet.json create mode 100644 unpackage/dist/dev/mp-weixin/uni_modules/vk-uview-ui/components/u-action-sheet/u-action-sheet.wxml create mode 100644 unpackage/dist/dev/mp-weixin/uni_modules/vk-uview-ui/components/u-action-sheet/u-action-sheet.wxss create mode 100644 unpackage/dist/dev/mp-weixin/uni_modules/vk-uview-ui/components/u-select/u-select.js create mode 100644 unpackage/dist/dev/mp-weixin/uni_modules/vk-uview-ui/components/u-select/u-select.json create mode 100644 unpackage/dist/dev/mp-weixin/uni_modules/vk-uview-ui/components/u-select/u-select.wxml create mode 100644 unpackage/dist/dev/mp-weixin/uni_modules/vk-uview-ui/components/u-select/u-select.wxss diff --git a/compontent/public/camera.vue b/compontent/public/camera.vue index 36b2a17..64b4142 100644 --- a/compontent/public/camera.vue +++ b/compontent/public/camera.vue @@ -17,8 +17,8 @@ // 图片源 const src = ref('') // 可以根据需要动态设置图片路径 const type = ref(0); - const width = ref(600); - const height = ref(400); + const width = ref(900); + const height = ref(600); // 裁剪完成的回调 const handleCrop = (e) => { // console.log("剪切完了") @@ -30,8 +30,8 @@ //type是一个页面有两个照相的时候做个类型区分 type.value = options.type if(options.size){ - width.value = 900; - height.value = 600; + width.value = 1500; + height.value = 1000; } }); \ No newline at end of file diff --git a/pages/addjigou/all.vue b/pages/addjigou/all.vue index 19d4bad..cb1dfe5 100644 --- a/pages/addjigou/all.vue +++ b/pages/addjigou/all.vue @@ -178,6 +178,7 @@ const next = () => { uni.setStorageSync('specicalid', alldata.value.id); uni.setStorageSync("baddata",alldata.value) + uni.setStorageSync("backhuancun",{}) uni.navigateTo({ url: `/pages/addjigou/name` }); diff --git a/pages/addjigou/card.vue b/pages/addjigou/card.vue index 19d95b7..13c27f2 100644 --- a/pages/addjigou/card.vue +++ b/pages/addjigou/card.vue @@ -1,33 +1,37 @@ @@ -81,21 +86,49 @@ const nameArray = ["企业名称", "注册地址", "信用代码", "法人"]; const textArray = reactive(["", "", "", ""]); - + const bottomlist = [{ + text: '拍摄图片' + }, { + text: '图片预览' + }] + const bottomshow = ref(false) // 本地保存的临时文件路径 const tempImagePath = ref('') - + const selectphoto = (number) =>{ + if( headImge.value){ + bottomshow.value = true; + }else{ + getMessage() + } + } + const photoclick = (element) => { + if(element){ + uni.previewImage({ + urls: [headImge.value], // 必填,所有要预览的图片地址数组 + current: headImge.value , // 可选,当前显示图片的地址,默认是 urls[0] + indicator: 'default', // 可选,指示器样式,H5/App 有效,值为 'default'(圆点)或 'number'(数字) + longPressActions: { // 可选,仅 App 支持,长按图片时弹出的操作项 + itemList: ['保存图片到相册'], + }, + }); + }else{ + getMessage() + } + + } // 拍照并上传 function getMessage() { uni.chooseImage({ count: 1, - sourceType: ['camera'], + sourceType: ['album','camera'], success: chooseRes => { tempImagePath.value = chooseRes.tempFilePaths[0] // 拍照成功后,调用上传函数 // 拍照成功后,调用上传函数 - uni.navigateTo({ url: `/compontent/public/camera?url=${chooseRes.tempFilePaths[0]}&type=0&size=1` }); + uni.navigateTo({ + url: `/compontent/public/camera?url=${chooseRes.tempFilePaths[0]}&type=0&size=1` + }); // uploadImage(tempImagePath.value) }, fail: err => { @@ -123,21 +156,34 @@ if (!JSON.parse(uploadRes.data).success) { uni.showToast({ title: '识别失败', - icon: 'error' + icon: 'error', + duration: 2000 }) + uping.value = true; uni.hideLoading() return } console.log("营业执照", JSON.parse(JSON.parse(uploadRes.data).result.data).data) - + if(JSON.parse(JSON.parse(uploadRes.data).result.data).data.companyName){ + let father = JSON.parse(JSON.parse(uploadRes.data).result.data).data; + textArray[0] = father.companyName; + textArray[1] = father.businessAddress; + textArray[2] = father.creditCode; + textArray[3] = father.legalPerson; + headImge.value = filePath; + savephoto(filePath); + }else{ + // 普通文本提示(自动消失,默认 1500ms) + uni.showToast({ + title: '识别失败', + icon: 'error', + duration: 2000 + }) + uping.value = false; + uni.hideLoading() + } // if (JSON.parse(JSON.parse(uploadRes.data).result.data).data.face) { - let father = JSON.parse(JSON.parse(uploadRes.data).result.data).data; - textArray[0] = father.companyName; - textArray[1] = father.businessAddress; - textArray[2] = father.creditCode; - textArray[3] = father.legalPerson; - headImge.value = filePath; - savephoto(filePath); + uni.hideLoading() // textArray[4] = father.birthDate; // textArray[5] = father.address; @@ -198,7 +244,8 @@ } } const next = () => { - if(!uping.value){ + console.log("??????") + if (!uping.value) { return } const allNonEmpty = textArray[0]; @@ -210,22 +257,22 @@ comRegisterAddress: textArray[1], comCreditCode: textArray[2], comLegalPerson: textArray[3], - comBusinessLicense:fontphoto.value, + comBusinessLicense: fontphoto.value, } // console.log("????",pushMessage) changemessage(pushMessage).then(res => { - if(res.success){ - if(res.message==`保存成功!`){ + if (res.success) { + if (res.message == `保存成功!`) { uni.navigateTo({ url: "/pages/addjigou/where" }); - }else{ + } else { uni.navigateTo({ url: "/pages/addjigou/where" }); } - - }else{ + + } else { uni.showToast({ title: res.message, icon: 'error' @@ -240,14 +287,27 @@ } } onLoad(() => { - if(uni.getStorageSync('baddata')){ - let data = uni.getStorageSync('baddata'); - if(data.comName){ + if(uni.getStorageSync('backhuancun').comName){ + let data = uni.getStorageSync('backhuancun'); + if (data.comName) { textArray[0] = data.comName; textArray[1] = data.comRegisterAddress; textArray[2] = data.comCreditCode; textArray[3] = data.comLegalPerson; - if(data.comBusinessLicense){ + if (data.comBusinessLicense) { + headImge.value = `${base_url}/sys/common/static/${data.comBusinessLicense}`; + fontphoto.value = data.comBusinessLicense + } + } + } + else if (uni.getStorageSync('baddata')) { + let data = uni.getStorageSync('baddata'); + if (data.comName) { + textArray[0] = data.comName; + textArray[1] = data.comRegisterAddress; + textArray[2] = data.comCreditCode; + textArray[3] = data.comLegalPerson; + if (data.comBusinessLicense) { headImge.value = `${base_url}/sys/common/static/${data.comBusinessLicense}`; fontphoto.value = data.comBusinessLicense } @@ -255,14 +315,25 @@ } }) const goBack = () => { + + if(textArray[0]){ + let data = uni.getStorageSync('backhuancun') + data.comName = textArray[0] + data.comRegisterAddress = textArray[1] + data.comCreditCode = textArray[2] + data.comLegalPerson = textArray[3] + data.comBusinessLicense = fontphoto.value + uni.setStorageSync("backhuancun",data) + } + uni.navigateBack() } onShow(() => { - const img = uni.getStorageSync('imgkey0') - if (img) { - uploadImage(img) - uni.removeStorageSync('imgkey0') - } + const img = uni.getStorageSync('imgkey0') + if (img) { + uploadImage(img) + uni.removeStorageSync('imgkey0') + } }) @@ -272,29 +343,29 @@ flex-direction: column; min-height: 100vh; width: 100%; - background-color: rgb(239, 241, 252); + background-color: #F7F7F7; position: relative; - box-shadow: 2rpx 2rpx 4rpx rgba(0, 0, 0, 0.1); + // box-shadow: 2rpx 2rpx 4rpx rgba(0, 0, 0, 0.1); .white-content { width: 90%; margin-left: 5%; - margin-top: 180rpx; + // margin-top: 10rpx; // height: 1200rpx; border-radius: 35rpx; - background-color: rgb(245, 251, 254); + // background-color: rgb(245, 251, 254); .content-title { display: flex; - // align-items: center; - height: 100rpx; + align-items: center; + height: 110rpx; position: relative; .content-weight { - // font-size: 35rpx; + font-size: 32rpx; font-weight: 600; - margin-left: 40rpx; - margin-top: 20rpx; + margin-left: 20rpx; + // margin-top: 20rpx; } .content-img { @@ -308,13 +379,13 @@ } .white-photo { - width: 90%; - margin-left: 5%; + width: 100%; + // margin-left: 5%; // margin-top: 30rpx; height: 300rpx; border-radius: 35rpx; background-color: #fff; - box-shadow: 4rpx 4rpx 8rpx rgba(0, 0, 0, 0.1); + // box-shadow: 4rpx 4rpx 8rpx rgba(0, 0, 0, 0.1); justify-content: space-around; align-items: center; display: flex; @@ -326,14 +397,16 @@ } .white-message { - width: 90%; - margin-left: 5%; - margin-top: 30rpx; + width: 100%; + // margin-left: 5%; + // margin-top: 30rpx; margin-bottom: 30rpx; + padding-top: 30rpx; + padding-bottom: 30rpx; // height: 800rpx; border-radius: 35rpx; background-color: #fff; - box-shadow: 4rpx 4rpx 8rpx rgba(0, 0, 0, 0.1); + // box-shadow: 4rpx 4rpx 8rpx rgba(0, 0, 0, 0.1); justify-content: space-around; // align-items: center; display: flex; @@ -350,7 +423,7 @@ height: 30rpx; background-color: #0097FF; border-radius: 10rpx; - margin: 0 20rpx 0 30rpx; + margin: 0 0rpx 0 30rpx; } .message-weight { @@ -362,8 +435,8 @@ .one { width: 90%; margin-left: 5%; - border-bottom: 1rpx solid #d7d7d7; - height: 90rpx; + // border-bottom: 1rpx solid #F7F7F7; + height: 100rpx; display: flex; justify-content: space-between; align-items: center; @@ -371,6 +444,7 @@ .one-left { margin-left: 10rpx; + font-size: 30rpx; } .one-right { @@ -381,7 +455,8 @@ white-space: nowrap; /* 不换行 */ text-overflow: ellipsis; - max-width: 300rpx; + max-width: 380rpx; + font-size: 30rpx; } } } @@ -389,12 +464,12 @@ .photo-left { .photo-weight { - font-size: 26rpx; + font-size: 30rpx; font-weight: 600; } .photo-font { - font-size: 23rpx; + font-size: 28rpx; margin-top: 10rpx; } @@ -409,8 +484,8 @@ display: flex; justify-content: center; align-items: center; - width: 45%; - height: 100rpx; + width: 42%; + height: 90rpx; margin: 0rpx auto; margin-bottom: 80rpx; color: #fff; @@ -418,8 +493,49 @@ border-radius: 50rpx; font-size: 35rpx; } - + .back-button{ + display: flex; + justify-content: center; + align-items: center; + width: 44%; + height: 90rpx; + margin: 0rpx auto; + margin-bottom: 80rpx; + border: 2rpx solid #c3cacd; + background: linear-gradient(to bottom, #f3f3f5, #dee4e9); + border-radius: 50rpx; + font-size: 35rpx; + } .gray-text { margin: 10rpx 0; + font-size: 28rpx; } + + .shu { + width: 14rpx; + height: 36rpx; + background-color: #0097FF; + border-radius: 10rpx; + margin: 3rpx 0rpx 0 30rpx; + } + .title-back { + margin-top: 100rpx; + width: 100%; + height: 100rpx; + display: flex; + justify-content: space-between; + align-items: center; + .left-father { + display: flex; + align-items: center; + + .back-img { + width: 40rpx; + height: 40rpx; + margin-left: 40rpx; + margin-right: 15rpx; + } + } + } + \ No newline at end of file diff --git a/pages/addjigou/name.vue b/pages/addjigou/name.vue index f54e59a..6888cd8 100644 --- a/pages/addjigou/name.vue +++ b/pages/addjigou/name.vue @@ -4,51 +4,56 @@ - 返回 + 企业加盟 - - 身份证上传 - + + 身份证 + (必填) - + 人像面 请上传身份证人像面 - + - + 国徽面 请上传身份证国徽面 - + + + + 确认身份证信息 + + - + + {{item}} @@ -59,19 +64,23 @@ - 注意事项: - - 同一个身份证号只能认证一个账号国徽而与正面信息应为同一身份证的信息目在有效期内,所有上传照片需清晰且未遮挡,请勿进行美化和修改,所有上传信息均会被妥善保管,不会用于其他商业用途或传输给第三方。 + 注意事项: + + 1.同一个身份证号只能认证一个账号。 + 2.国徽与正面信息应为同一身份证的信息且在有效期内。 + 3.所有上传照片需清晰且未遮挡,请勿进行美化和修改。 + 4.所有上传信息均会被妥善保管,不会用于其他商业用途或传输给第三方。 + - 下一步 + 确认并继续 - + @@ -94,6 +103,14 @@ const show = ref(false); const content = ref(""); + const bottomshow = ref(false); + const bottomlist = [{ + text: '拍摄图片', + fontSize: 40 + }, { + text: '图片预览', + fontSize: 40 + }] const nameArray = ["姓名", "性别", "身份证号码", "民族", "出生日期", "住址", "签发机关", "有效期限"]; const textArray = reactive(["", "", "", "", "", "", "", ""]); const states = ["审核中", "审核未通过", "审核通过"]; @@ -109,20 +126,46 @@ statesTarget.value++ } } - + const photoclick = (element) => { + if(element){ + uni.previewImage({ + urls: [headImge.value,backImge.value], // 必填,所有要预览的图片地址数组 + current: targetphoto.value?backImge.value:headImge.value , // 可选,当前显示图片的地址,默认是 urls[0] + indicator: 'default', // 可选,指示器样式,H5/App 有效,值为 'default'(圆点)或 'number'(数字) + longPressActions: { // 可选,仅 App 支持,长按图片时弹出的操作项 + itemList: ['保存图片到相册'], + }, + }); + }else{ + getMessage() + } + + } // 本地保存的临时文件路径 const tempImagePath = ref('') + const targetphoto = ref(0) + const selectphoto = (number) =>{ + if(backImge.value && headImge.value){ + targetphoto.value = number + bottomshow.value = true; + }else{ + getMessage() + } + } + // 拍照并上传 function getMessage() { // 使用 UniApp 的 API 调用摄像头 uni.chooseImage({ count: 1, - sourceType: ['camera'], + sourceType: ['album', 'camera'], success: chooseRes => { tempImagePath.value = chooseRes.tempFilePaths[0] // 拍照成功后,调用上传函数 - uni.navigateTo({ url: `/compontent/public/camera?url=${chooseRes.tempFilePaths[0]}&type=0` }); + uni.navigateTo({ + url: `/compontent/public/camera?url=${chooseRes.tempFilePaths[0]}&type=0` + }); }, fail: err => { console.error('拍照失败:', err) @@ -167,8 +210,10 @@ if (!JSON.parse(uploadRes.data).success) { uni.showToast({ title: '识别失败', - icon: 'error' + icon: 'error', + duration: 2000 }) + uping.value = true; uni.hideLoading() return } @@ -188,7 +233,9 @@ savephoto(filePath, 0); uni.hideLoading() - } else { + } else if (JSON.parse(JSON.parse(uploadRes.data).result.data).data.back) + + { let father = JSON.parse(JSON.parse(uploadRes.data).result.data).data.back.data; textArray[6] = father.issueAuthority; textArray[7] = father.validPeriod; @@ -198,6 +245,14 @@ backImge.value = filePath; savephoto(filePath, 1); uni.hideLoading() + } else { + uni.showToast({ + title: '识别失败', + icon: 'error', + duration: 2000 + }) + uping.value = false; + uni.hideLoading() } }, fail: err => { @@ -246,11 +301,15 @@ } const next = () => { + + + // console.log("??????") + const allNonEmpty = textArray.every(item => { // 如果想忽略前后空格,可用 item.trim() !== '' return item !== ''; }); - if(!uping.value){ + if (!uping.value) { return } if (allNonEmpty) { @@ -268,24 +327,24 @@ issuingAuthority: textArray[6], startTime: start, endTime: end, - cardZmPath:fontphoto.value, - cardFmPath:endphoto.value + cardZmPath: fontphoto.value, + cardFmPath: endphoto.value } // console.log("????",pushMessage) changemessage(pushMessage).then(res => { - if(res.success){ - if(res.message==`保存成功!`){ + if (res.success) { + if (res.message == `保存成功!`) { uni.navigateTo({ url: "/pages/addjigou/card" }); - }else{ + } else { uni.setStorageSync('specicalid', res.result.id); uni.navigateTo({ url: "/pages/addjigou/card" }); } - - }else{ + + } else { uni.showToast({ title: res.message, icon: 'error' @@ -303,7 +362,7 @@ uni.navigateBack() } onLoad(() => { - if(uni.getStorageSync('baddata')){ + if (uni.getStorageSync('baddata')) { let data = uni.getStorageSync('baddata'); textArray[0] = data.name; textArray[1] = data.sex; @@ -321,11 +380,11 @@ }) onShow(() => { - const img = uni.getStorageSync('imgkey0') - if (img) { - uploadImage(img) - uni.removeStorageSync('imgkey0') - } + const img = uni.getStorageSync('imgkey0') + if (img) { + uploadImage(img) + uni.removeStorageSync('imgkey0') + } }) @@ -335,9 +394,9 @@ flex-direction: column; min-height: 100vh; width: 100%; - background-color: rgb(239, 241, 252); + background-color: #F7F7F7; position: relative; - box-shadow: 2rpx 2rpx 4rpx rgba(0, 0, 0, 0.1); + // box-shadow: 2rpx 2rpx 4rpx rgba(0, 0, 0, 0.1); .white-content { width: 90%; @@ -345,19 +404,21 @@ // margin-top: 30rpx; // height: 1200rpx; border-radius: 35rpx; - background-color: rgb(245, 251, 254); + // background-color: rgb(245, 251, 254); .content-title { display: flex; - // align-items: center; + align-items: center; height: 100rpx; position: relative; + font-weight: 600; .content-weight { // font-size: 35rpx; - font-weight: 600; - margin-left: 70rpx; - margin-top: 20rpx; + + // margin-left: 10rpx; + font-size: 32rpx; + // margin-top: 20rpx; } .content-img { @@ -371,13 +432,13 @@ } .white-photo { - width: 90%; - margin-left: 5%; + width: 100%; + // margin-left: 5%; // margin-top: 30rpx; height: 300rpx; border-radius: 35rpx; background-color: #fff; - box-shadow: 4rpx 4rpx 8rpx rgba(0, 0, 0, 0.1); + // box-shadow: 4rpx 4rpx 8rpx rgba(0, 0, 0, 0.1); justify-content: space-around; align-items: center; display: flex; @@ -389,14 +450,16 @@ } .white-message { - width: 90%; - margin-left: 5%; - margin-top: 30rpx; + width: 100%; + // margin-left: 5%; + margin-top: 20rpx; + padding-top: 20rpx; + padding-bottom: 20rpx; margin-bottom: 30rpx; // height: 800rpx; border-radius: 35rpx; background-color: #fff; - box-shadow: 4rpx 4rpx 8rpx rgba(0, 0, 0, 0.1); + // box-shadow: 4rpx 4rpx 8rpx rgba(0, 0, 0, 0.1); justify-content: space-around; // align-items: center; display: flex; @@ -408,13 +471,7 @@ align-items: center; display: flex; - .shu { - width: 10rpx; - height: 30rpx; - background-color: #0097FF; - border-radius: 10rpx; - margin: 0 20rpx 0 30rpx; - } + .message-weight { font-size: 30rpx; @@ -425,8 +482,8 @@ .one { width: 90%; margin-left: 5%; - border-bottom: 1rpx solid #d7d7d7; - height: 90rpx; + // border-bottom: 1rpx solid #F7F7F7; + height: 100rpx; display: flex; justify-content: space-between; align-items: center; @@ -434,17 +491,19 @@ .one-left { margin-left: 10rpx; + font-size: 30rpx; } .one-right { margin-right: 10rpx; + font-size: 30rpx; color: #999999; overflow: hidden; /* 隐藏超出内容 */ white-space: nowrap; /* 不换行 */ text-overflow: ellipsis; - max-width: 300rpx; + max-width: 380rpx; } } } @@ -452,19 +511,22 @@ .photo-left { .photo-weight { - font-size: 26rpx; + font-size: 32rpx; font-weight: 600; + color: #333; } .photo-font { - font-size: 23rpx; + font-size: 28rpx; margin-top: 10rpx; + color: #666; } } .gray-font { - padding: 30rpx 60rpx; + padding: 20rpx 60rpx; + padding-bottom: 35rpx; color: #999999; } @@ -472,10 +534,11 @@ display: flex; justify-content: center; align-items: center; - width: 45%; - height: 100rpx; + width: 92%; + height: 90rpx; margin: 0rpx auto; margin-bottom: 80rpx; + margin-top: 20rpx; color: #fff; background: linear-gradient(to right, #00C9FF, #0076FF); border-radius: 50rpx; @@ -496,10 +559,10 @@ align-items: center; .back-img { - width: 50rpx; - height: 50rpx; + width: 40rpx; + height: 40rpx; margin-left: 40rpx; - margin-right: 5rpx; + margin-right: 15rpx; } } @@ -538,4 +601,16 @@ color: #fff; margin-right: 30rpx; } + + .shu { + width: 14rpx; + height: 36rpx; + background-color: #0097FF; + border-radius: 10rpx; + margin: 3rpx 20rpx 0 30rpx; + } + + .line { + margin: 10rpx 0; + } \ No newline at end of file diff --git a/pages/addjigou/where.vue b/pages/addjigou/where.vue index 1dc2cba..4ab9c56 100644 --- a/pages/addjigou/where.vue +++ b/pages/addjigou/where.vue @@ -5,24 +5,30 @@ - + 请选择所在地区 - + - + {{item.name}} - + - + - + 选择地区 @@ -36,31 +42,35 @@ {{item.name}} - + + + + + 企业加盟 + + + + + 机构信息 + - + 机构位置 - - - + - + 详细地址 -