|
|
@@ -21,7 +21,7 @@
|
|
|
<!-- 公司名称显示 -->
|
|
|
<view class="company-name-section">
|
|
|
<!-- <view class="company-brand">{{companyInfo.companyName}}</view> -->
|
|
|
- <view class="company-full-name">{{companyInfo.companyAllName}}</view>
|
|
|
+ <view class="company-full-name">{{ companyInfo.companyAllName }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
@@ -30,26 +30,27 @@
|
|
|
<view class="company-info-card">
|
|
|
<view class="info-item">
|
|
|
<view class="info-label">公司规模</view>
|
|
|
- <view class="info-value">{{companyInfo.companyPeople?(companyInfo.companyPeople+'人'):'--'}}</view>
|
|
|
+ <view class="info-value">{{ companyInfo.companyPeople ? (companyInfo.companyPeople + '人') : '--' }}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="info-item">
|
|
|
<view class="info-label">融资阶段</view>
|
|
|
- <view class="info-value">{{companyInfo.companyDevelop}}</view>
|
|
|
+ <view class="info-value">{{ companyInfo.companyDevelop || '--' }}</view>
|
|
|
</view>
|
|
|
<view class="info-item">
|
|
|
<view class="info-label">所属行业</view>
|
|
|
- <view class="info-value">{{companyInfo.companyScope}}</view>
|
|
|
+ <view class="info-value">{{ companyInfo.companyScope || '--' }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 操作按钮 -->
|
|
|
<view class="action-buttons">
|
|
|
- <view class="leave-btn" @click="leaveCompany">
|
|
|
+ <view class="leave-btn" @click="leaveCompany" v-if="companyInfo && !companyInfo.isNo">
|
|
|
<text>离开公司</text>
|
|
|
</view>
|
|
|
- <!-- <view class="change-btn" @click="changeCompany">
|
|
|
- <text>更换公司</text>
|
|
|
- </view> -->
|
|
|
+ <view class="change-btn" @click="goCompany" v-else>
|
|
|
+ <text>加入公司</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
@@ -92,355 +93,364 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- companyInfo: {},
|
|
|
- showLeaveModal: false, // 控制弹窗显示
|
|
|
- leaveType: 1
|
|
|
- };
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ companyInfo: {
|
|
|
+ isNo: true,
|
|
|
+ },
|
|
|
+ showLeaveModal: false, // 控制弹窗显示
|
|
|
+ leaveType: 1
|
|
|
+ };
|
|
|
+ },
|
|
|
+ onLoad() {
|
|
|
+ this.getCompanyStatus()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 返回上一页
|
|
|
+ goBack() {
|
|
|
+ uni.navigateBack();
|
|
|
},
|
|
|
- onLoad() {
|
|
|
- this.getCompanyStatus()
|
|
|
+ getCompanyStatus() {
|
|
|
+ this.$Request.get("/app/company/selectCompanyByUserId").then((res) => {
|
|
|
+ if (res.code == 0 && res.data) {
|
|
|
+ this.companyInfo = res.data
|
|
|
+ } else {
|
|
|
+ this.companyInfo = {
|
|
|
+ isNo: true,
|
|
|
+ };
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 离开公司
|
|
|
+ leaveCompany() {
|
|
|
+ this.showLeaveModal = true;
|
|
|
+ this.leaveCompany = 1
|
|
|
+ },
|
|
|
+ // 加入公司
|
|
|
+ goCompany() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url:'/pages/my/businessLicense'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 关闭离开公司弹窗
|
|
|
+ closeLeaveModal() {
|
|
|
+ this.showLeaveModal = false;
|
|
|
},
|
|
|
- methods: {
|
|
|
- // 返回上一页
|
|
|
- goBack() {
|
|
|
- uni.navigateBack();
|
|
|
- },
|
|
|
- getCompanyStatus() {
|
|
|
- this.$Request.get("/app/company/selectCompanyByUserId").then((res) => {
|
|
|
- if (res.code == 0 && res.data) {
|
|
|
- this.companyInfo = res.data
|
|
|
- } else {
|
|
|
- this.companyInfo = {};
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- // 离开公司
|
|
|
- leaveCompany() {
|
|
|
- this.showLeaveModal = true;
|
|
|
- this.leaveCompany = 1
|
|
|
- },
|
|
|
-
|
|
|
- // 关闭离开公司弹窗
|
|
|
- closeLeaveModal() {
|
|
|
- this.showLeaveModal = false;
|
|
|
- },
|
|
|
|
|
|
- // 确认离开公司
|
|
|
- confirmLeaveCompany() {
|
|
|
- this.showLeaveModal = false;
|
|
|
- uni.showLoading({
|
|
|
- title: '处理中...'
|
|
|
- });
|
|
|
- this.$Request.postJson("/app/company/deleteCompany").then(res => {
|
|
|
- uni.hideLoading();
|
|
|
- if (res.code === 0) {
|
|
|
- setTimeout(()=>{
|
|
|
- uni.switchTab({
|
|
|
- url:'/pages/my/index'
|
|
|
- })
|
|
|
- },1000)
|
|
|
- if (this.leaveType === 1) {
|
|
|
- uni.showToast({
|
|
|
- title: '已离开公司',
|
|
|
- icon: 'success'
|
|
|
- });
|
|
|
- } else {
|
|
|
- uni.navigateTo({
|
|
|
- url: 'pages/my/businessLicense'
|
|
|
- });
|
|
|
- }
|
|
|
+ // 确认离开公司
|
|
|
+ confirmLeaveCompany() {
|
|
|
+ this.showLeaveModal = false;
|
|
|
+ uni.showLoading({
|
|
|
+ title: '处理中...'
|
|
|
+ });
|
|
|
+ this.$Request.postJson("/app/company/deleteCompany").then(res => {
|
|
|
+ uni.hideLoading();
|
|
|
+ if (res.code === 0) {
|
|
|
+ setTimeout(() => {
|
|
|
+ uni.switchTab({
|
|
|
+ url: '/pages/my/index'
|
|
|
+ })
|
|
|
+ }, 1000)
|
|
|
+ if (this.leaveType === 1) {
|
|
|
+ uni.showToast({
|
|
|
+ title: '已离开公司',
|
|
|
+ icon: 'success'
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: 'pages/my/businessLicense'
|
|
|
+ });
|
|
|
}
|
|
|
- })
|
|
|
- // setTimeout(() => {
|
|
|
- // uni.hideLoading();
|
|
|
- // uni.showToast({
|
|
|
- // title: '已离开公司',
|
|
|
- // icon: 'success'
|
|
|
- // });
|
|
|
-
|
|
|
- // setTimeout(() => {
|
|
|
- // uni.navigateBack();
|
|
|
- // }, 1500);
|
|
|
- // }, 1500);
|
|
|
- },
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // setTimeout(() => {
|
|
|
+ // uni.hideLoading();
|
|
|
+ // uni.showToast({
|
|
|
+ // title: '已离开公司',
|
|
|
+ // icon: 'success'
|
|
|
+ // });
|
|
|
+
|
|
|
+ // setTimeout(() => {
|
|
|
+ // uni.navigateBack();
|
|
|
+ // }, 1500);
|
|
|
+ // }, 1500);
|
|
|
+ },
|
|
|
|
|
|
- // 更换公司
|
|
|
- changeCompany() {
|
|
|
- this.leaveCompany = 2
|
|
|
- this.showLeaveModal = true;
|
|
|
- }
|
|
|
+ // 更换公司
|
|
|
+ changeCompany() {
|
|
|
+ this.leaveCompany = 2
|
|
|
+ this.showLeaveModal = true;
|
|
|
}
|
|
|
}
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
- .my-company-page {
|
|
|
- min-height: 100vh;
|
|
|
- background: var(--线性渐变, linear-gradient(90.00deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%));
|
|
|
- background-size: 100% 35%;
|
|
|
- background-position: center top;
|
|
|
- background-repeat: no-repeat;
|
|
|
- position: relative;
|
|
|
- padding-bottom: 40rpx;
|
|
|
- }
|
|
|
-
|
|
|
- /* 导航栏 */
|
|
|
- .custom-navbar {
|
|
|
- position: fixed;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- background: transparent;
|
|
|
- z-index: 9999;
|
|
|
+.my-company-page {
|
|
|
+ min-height: 100vh;
|
|
|
+ background: var(--线性渐变, linear-gradient(90.00deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%));
|
|
|
+ background-size: 100% 35%;
|
|
|
+ background-position: center top;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ position: relative;
|
|
|
+ padding-bottom: 40rpx;
|
|
|
+}
|
|
|
+
|
|
|
+/* 导航栏 */
|
|
|
+.custom-navbar {
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ background: transparent;
|
|
|
+ z-index: 9999;
|
|
|
+
|
|
|
+ .navbar-content {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ height: 88rpx;
|
|
|
+ padding: 0 40rpx;
|
|
|
+ padding-top: 80rpx;
|
|
|
|
|
|
- .navbar-content {
|
|
|
+ .nav-left {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- height: 88rpx;
|
|
|
- padding: 0 40rpx;
|
|
|
- padding-top: 80rpx;
|
|
|
-
|
|
|
- .nav-left {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- gap: 8rpx;
|
|
|
-
|
|
|
- .nav-breadcrumb {
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
- font-family: DM Sans;
|
|
|
- font-size: 28rpx;
|
|
|
- font-weight: 400;
|
|
|
- line-height: 40rpx;
|
|
|
- }
|
|
|
- }
|
|
|
+ gap: 8rpx;
|
|
|
|
|
|
- .nav-title {
|
|
|
+ .nav-breadcrumb {
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
font-family: DM Sans;
|
|
|
- font-size: 32rpx;
|
|
|
- font-weight: 700;
|
|
|
- line-height: 52rpx;
|
|
|
- letter-spacing: 0.5%;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
-
|
|
|
- .nav-right {
|
|
|
- width: 60rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 40rpx;
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
-
|
|
|
- /* 头部区域 */
|
|
|
- .header-section {
|
|
|
- padding: 160rpx 40rpx 66rpx 40rpx;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
-
|
|
|
- .illustration-area {
|
|
|
- margin-bottom: 30rpx;
|
|
|
-
|
|
|
- .company-illustration {
|
|
|
- width: 280rpx;
|
|
|
- height: 180rpx;
|
|
|
- max-width: 100%;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .company-name-section {
|
|
|
- .company-brand {
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
- font-family: DM Sans;
|
|
|
- font-size: 28rpx;
|
|
|
- font-weight: 500;
|
|
|
- line-height: 44rpx;
|
|
|
- letter-spacing: 0%;
|
|
|
- text-align: center;
|
|
|
- margin-bottom: 8rpx;
|
|
|
- }
|
|
|
|
|
|
- .company-full-name {
|
|
|
+ .nav-title {
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
font-family: DM Sans;
|
|
|
- font-size: 28rpx;
|
|
|
- font-weight: 500;
|
|
|
- line-height: 44rpx;
|
|
|
- letter-spacing: 0%;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- /* 公司内容整体包装 */
|
|
|
- .company-content-wrapper {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- background: rgba(255, 255, 255, 1);
|
|
|
- border-radius: 10px 10px 0px 0px;
|
|
|
- padding: 54rpx 76rpx;
|
|
|
-
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- gap: 30rpx;
|
|
|
- }
|
|
|
-
|
|
|
- /* 公司信息卡片 */
|
|
|
- .company-info-card {
|
|
|
- background: rgba(255, 255, 255, 1);
|
|
|
- border-radius: 24rpx;
|
|
|
- overflow: hidden;
|
|
|
- }
|
|
|
-
|
|
|
- .info-item {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- padding: 12rpx 24rpx;
|
|
|
- gap: 32rpx;
|
|
|
-
|
|
|
- .info-label,
|
|
|
- .info-value {
|
|
|
- color: rgba(153, 153, 153, 1);
|
|
|
- font-family: DM Sans;
|
|
|
- font-size: 26rpx;
|
|
|
- font-weight: 400;
|
|
|
- line-height: 32rpx;
|
|
|
- letter-spacing: 0%;
|
|
|
- text-align: left;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .leave-btn {
|
|
|
- flex: 1;
|
|
|
- height: 88rpx;
|
|
|
- background: transparent;
|
|
|
- border: 2rpx solid rgba(255, 122, 69, 1);
|
|
|
- border-radius: 44rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- margin-bottom: 38rpx;
|
|
|
-
|
|
|
- text {
|
|
|
- color: rgba(255, 102, 0, 1);
|
|
|
- font-family: DM Sans;
|
|
|
font-size: 32rpx;
|
|
|
- font-weight: 400;
|
|
|
- line-height: 48rpx;
|
|
|
- letter-spacing: 0%;
|
|
|
+ font-weight: 700;
|
|
|
+ line-height: 52rpx;
|
|
|
+ letter-spacing: 0.5%;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
- &:active {
|
|
|
- background: rgba(255, 122, 69, 0.1);
|
|
|
+ .nav-right {
|
|
|
+ width: 60rpx;
|
|
|
}
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- .change-btn {
|
|
|
- flex: 1;
|
|
|
- height: 88rpx;
|
|
|
- background: linear-gradient(90deg, rgba(255, 122, 69, 1) 0%, rgba(255, 122, 69, 1) 100%);
|
|
|
- border-radius: 44rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
+/* 头部区域 */
|
|
|
+.header-section {
|
|
|
+ padding: 160rpx 40rpx 66rpx 40rpx;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
|
|
|
- text {
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
- font-family: DM Sans;
|
|
|
- font-size: 32rpx;
|
|
|
- font-weight: 400;
|
|
|
- line-height: 48rpx;
|
|
|
- letter-spacing: 0%;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
+.illustration-area {
|
|
|
+ margin-bottom: 30rpx;
|
|
|
|
|
|
- &:active {
|
|
|
- opacity: 0.8;
|
|
|
- }
|
|
|
+ .company-illustration {
|
|
|
+ width: 280rpx;
|
|
|
+ height: 180rpx;
|
|
|
+ max-width: 100%;
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- /* 离开公司弹窗样式 */
|
|
|
- .modal-title {
|
|
|
- color: rgba(88, 88, 88, 1);
|
|
|
+.company-name-section {
|
|
|
+ .company-brand {
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
font-family: DM Sans;
|
|
|
- font-size: 28rpxpx;
|
|
|
- font-weight: 700;
|
|
|
- line-height: 36rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 44rpx;
|
|
|
letter-spacing: 0%;
|
|
|
- text-align: left;
|
|
|
- margin-bottom: 30rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .modal-content {
|
|
|
- padding: 40rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .impact-list {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- gap: 12rpx;
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 8rpx;
|
|
|
}
|
|
|
|
|
|
- .impact-item {
|
|
|
- display: flex;
|
|
|
- gap: 8rpx;
|
|
|
+ .company-full-name {
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 44rpx;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
-
|
|
|
- .item-number,
|
|
|
- .item-text {
|
|
|
- color: rgba(158, 158, 158, 1);
|
|
|
+}
|
|
|
+
|
|
|
+/* 公司内容整体包装 */
|
|
|
+.company-content-wrapper {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background: rgba(255, 255, 255, 1);
|
|
|
+ border-radius: 10px 10px 0px 0px;
|
|
|
+ padding: 54rpx 76rpx;
|
|
|
+
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ gap: 30rpx;
|
|
|
+}
|
|
|
+
|
|
|
+/* 公司信息卡片 */
|
|
|
+.company-info-card {
|
|
|
+ background: rgba(255, 255, 255, 1);
|
|
|
+ border-radius: 24rpx;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.info-item {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 12rpx 24rpx;
|
|
|
+ gap: 32rpx;
|
|
|
+
|
|
|
+ .info-label,
|
|
|
+ .info-value {
|
|
|
+ color: rgba(153, 153, 153, 1);
|
|
|
font-family: DM Sans;
|
|
|
font-size: 26rpx;
|
|
|
font-weight: 400;
|
|
|
- line-height: 26rpx;
|
|
|
+ line-height: 32rpx;
|
|
|
letter-spacing: 0%;
|
|
|
text-align: left;
|
|
|
}
|
|
|
-
|
|
|
- .modal-buttons {
|
|
|
- display: flex;
|
|
|
- }
|
|
|
-
|
|
|
- .cancel-btn {
|
|
|
- flex: 1;
|
|
|
- height: 100rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- border-right: 0.5px solid rgba(153, 153, 153, 0.2);
|
|
|
- border-top: 0.5px solid rgba(153, 153, 153, 0.2);
|
|
|
- }
|
|
|
-
|
|
|
- .cancel-btn text {
|
|
|
- color: rgba(153, 153, 153, 0.5);
|
|
|
+}
|
|
|
+
|
|
|
+.leave-btn {
|
|
|
+ flex: 1;
|
|
|
+ height: 88rpx;
|
|
|
+ background: transparent;
|
|
|
+ border: 2rpx solid rgba(255, 122, 69, 1);
|
|
|
+ border-radius: 44rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ margin-bottom: 38rpx;
|
|
|
+
|
|
|
+ text {
|
|
|
+ color: rgba(255, 102, 0, 1);
|
|
|
font-family: DM Sans;
|
|
|
- font-size: 28rpx;
|
|
|
- font-weight: 500;
|
|
|
- line-height: 36rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 48rpx;
|
|
|
letter-spacing: 0%;
|
|
|
text-align: center;
|
|
|
- text-transform: uppercase;
|
|
|
}
|
|
|
|
|
|
- .confirm-btn {
|
|
|
- flex: 1;
|
|
|
- height: 100rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- border-top: 0.5px solid rgba(153, 153, 153, 0.2);
|
|
|
+ &:active {
|
|
|
+ background: rgba(255, 122, 69, 0.1);
|
|
|
}
|
|
|
-
|
|
|
- .confirm-btn text {
|
|
|
- color: rgba(1, 107, 246, 1);
|
|
|
+}
|
|
|
+
|
|
|
+.change-btn {
|
|
|
+ flex: 1;
|
|
|
+ height: 88rpx;
|
|
|
+ background: linear-gradient(90deg, rgba(255, 122, 69, 1) 0%, rgba(255, 122, 69, 1) 100%);
|
|
|
+ border-radius: 44rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+
|
|
|
+ text {
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
font-family: DM Sans;
|
|
|
- font-size: 28rpx;
|
|
|
- font-weight: 500;
|
|
|
- line-height: 36rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 48rpx;
|
|
|
letter-spacing: 0%;
|
|
|
text-align: center;
|
|
|
- text-transform: uppercase;
|
|
|
}
|
|
|
+
|
|
|
+ &:active {
|
|
|
+ opacity: 0.8;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/* 离开公司弹窗样式 */
|
|
|
+.modal-title {
|
|
|
+ color: rgba(88, 88, 88, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 28rpxpx;
|
|
|
+ font-weight: 700;
|
|
|
+ line-height: 36rpx;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: left;
|
|
|
+ margin-bottom: 30rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.modal-content {
|
|
|
+ padding: 40rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.impact-list {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ gap: 12rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.impact-item {
|
|
|
+ display: flex;
|
|
|
+ gap: 8rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.item-number,
|
|
|
+.item-text {
|
|
|
+ color: rgba(158, 158, 158, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 26rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 26rpx;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: left;
|
|
|
+}
|
|
|
+
|
|
|
+.modal-buttons {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.cancel-btn {
|
|
|
+ flex: 1;
|
|
|
+ height: 100rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ border-right: 0.5px solid rgba(153, 153, 153, 0.2);
|
|
|
+ border-top: 0.5px solid rgba(153, 153, 153, 0.2);
|
|
|
+}
|
|
|
+
|
|
|
+.cancel-btn text {
|
|
|
+ color: rgba(153, 153, 153, 0.5);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 36rpx;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: center;
|
|
|
+ text-transform: uppercase;
|
|
|
+}
|
|
|
+
|
|
|
+.confirm-btn {
|
|
|
+ flex: 1;
|
|
|
+ height: 100rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ border-top: 0.5px solid rgba(153, 153, 153, 0.2);
|
|
|
+}
|
|
|
+
|
|
|
+.confirm-btn text {
|
|
|
+ color: rgba(1, 107, 246, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 36rpx;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: center;
|
|
|
+ text-transform: uppercase;
|
|
|
+}
|
|
|
</style>
|
jianghaili