还是回这里吧

大家都忙于学习和工作
再怎么JJWW也不会有人说我
这里就当作一个新的开始吧

从前一直以为自己贫血
所以向来不会脸红
现在才知道,那是因为脸皮太厚了
一个月不到,被同一个人甩了两次
我也算是极品了
死缠烂打终究是没有结果的
给点阳光就灿烂,给点洪水就泛滥
给个破筐,我就能蹲里头下蛋
一句好话就能让我忘记所有的痛苦
人至贱则无敌,贱到我这种地步的估计不多了
还动不动装出一副楚楚可怜的样子
千万千万要记住,这些都是骗人的
对付我这种人,就应该一棍子打死
不要给任何的机会

发泄完毕,收功...
以后还是专心学习,专心干活吧

内容概要:本文详细介绍了“秒杀商城”微服务架构的设计与实战全过程,涵盖系统从需求分析、服务拆分、技术选型到核心功能开发、分布式事务处理、容器化部署及监控链路追踪的完整流程。重点解决了高并发场景下的超卖问题,采用Redis预减库存、消息队列削峰、数据库乐观锁等手段保障数据一致性,并通过Nacos实现服务注册发现与配置管理,利用Seata处理跨服务分布式事务,结合RabbitMQ实现异步下单,提升系统吞吐能力。同时,项目支持Docker Compose快速部署和Kubernetes生产级编排,集成Sleuth+Zipkin链路追踪与Prometheus+Grafana监控体系,构建可观测性强的微服务系统。; 适合人群:具备Java基础和Spring Boot开发经验,熟悉微服务基本概念的中高级研发人员,尤其是希望深入理解高并发系统设计、分布式事务、服务治理等核心技术的开发者;适合工作2-5年、有志于转型微服务或提升架构能力的工程师; 使用场景及目标:①学习如何基于Spring Cloud Alibaba构建完整的微服务项目;②掌握秒杀场景下高并发、超卖控制、异步化、削峰填谷等关键技术方案;③实践分布式事务(Seata)、服务熔断降级、链路追踪、统一配置中心等企业级中间件的应用;④完成从本地开发到容器化部署的全流程落地; 阅读建议:建议按照文档提供的七个阶段循序渐进地动手实践,重点关注秒杀流程设计、服务间通信机制、分布式事务实现和系统性能优化部分,结合代码调试与监控工具深入理解各组件协作原理,真正掌握高并发微服务系统的构建能力。
<think>我们之前将工厂选择器(法人选择器)的样式进行了精简,并让其居中显示。现在用户要求放原来的左边位置,并且大小跟原来一样,不要加大框,背景色使用卡片背景即可。 因此,我们需要调整: 1. 将工厂选择器的布局从居中改左对齐。 2. 移除之前添加的居中样式,恢复到原始状态(但保留我们之前优化的精简样式,如间距、悬停效果等)。 3. 确保没有大边框和背景块,即使用卡片的背景色。 具体修改点: - 在.corp-selector样式中,移除`text-align: center;`,因为原始位置是左边。 - 将.corp-radio-group的`display: inline-flex;`改`display: flex;`并设置左对齐(默认左对齐,所以可以去掉居中相关的样式)。 - 同时,我们之前给.corp-radio-group设置了`gap: 30px;`,这个可以保留,但需要确保它现在是左对齐。 另外,用户要求“大小跟原来一样”,所以我们之前调整的.corp-radio的padding(从15px 25px改为8px 15px)可能需要恢复?但是原问题中用户并没有提到尺寸问题,只是说占太大地方,所以我们之前缩小了。现在用户要求放左边,但大小跟原来一样(可能指未优化前的尺寸?),但根据用户描述“不用这么大”,所以我们保留较小的尺寸,但位置在左边。 根据用户最新反馈“还是放在原来的左边吧,改哪儿”,我们只需要调整位置,尺寸还是保持我们优化后的较小尺寸(因为用户之前说太大)。 修改步骤: 1. 将.corp-selector的text-align移除,这样里面的内容就会默认左对齐。 2. 将.corp-radio-group的display改为flex,并且左对齐(默认就是左对齐),同时去掉inline-flex,因为flex容器默认占满一行,而inline-flex是行内弹性盒子。这里我们希望它占满一行,所以用flex即可。 3. 去掉.corp-radio-group的inline-flex,改为flex,并设置左对齐(justify-content: flex-start; 但默认就是左对齐,所以可以不写)。 注意:我们之前给.corp-radio-group设置了display: inline-flex; 是为了让它能在居中容器中居中显示。现在不需要居中了,所以改flex并左对齐。 因此,修改后的.corp-selector和.corp-radio-group样式如下: 原样式: .corp-selector { margin-bottom: 20px; text-align: center; // 去掉这一行 } .corp-radio-group { display: inline-flex; // 改为 flex gap: 30px; // 保留 } 修改后: .corp-selector { margin-bottom: 20px; } .corp-radio-group { display: flex; gap: 30px; } 这样,单选按钮组就会左对齐显示,并且保持我们优化的间距和悬停效果。 完整代码如下(仅修改了样式部分,其他代码保持不变): </think>我已将工厂选择器恢复为原始左侧位置,并调整了相关样式。以下是修改后的完整代码: ```html <template> <a-card class="safety-card"> <!-- 顶部标题装饰 --> <div class="header-decor"> <div class="safety-icon"> <i class="el-icon-document-checked"></i> </div> <h2 class="section-title">安全预案管理系统</h2> <div class="wave-divider"></div> </div> <!-- 工厂选择器 - 恢复左侧位置 --> <div class="corp-selector"> <a-form-item label="工厂区分" class="corp-label"> <el-radio-group v-model="corpcode" :disabled="emergmanag !== 'VariousBudgets:corpcode'" class="corp-radio-group"> <el-radio value="C40EA02" class="corp-radio"> <i class="el-icon-office-building"></i> 天津法人 </el-radio> <el-radio value="C40EA03" class="corp-radio"> <i class="el-icon-school"></i> 高新法人 </el-radio> </el-radio-group> </a-form-item> </div> <!-- 动态表格 --> <div class="table-container"> <vxe-table border round height="760" :row-config="{ isHover: true }" :data="tableData" class="safety-table"> <!-- 表格列定义保持不变 --> </vxe-table> </div> <!-- 弹窗表单 --> <el-dialog v-model="dialogVisible" title="上传安全预案文件" width="500px" class="safety-dialog"> <!-- 弹窗内容保持不变 --> </el-dialog> </a-card> </template> <script setup> // 脚本部分保持不变 </script> <style scoped> /* 核心卡片 */ .safety-card { background: linear-gradient(135deg, #e6f7ff 0%, #f0fff3 100%); border-radius: 16px; box-shadow: 0 8px 32px rgba(0, 102, 153, 0.2); padding: 25px; } /* 标题区域 */ .header-decor { text-align: center; margin-bottom: 30px; } .safety-icon { width: 70px; height: 70px; background: linear-gradient(135deg, #2a9d8f, #287271); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 15px; } .safety-icon i { font-size: 36px; color: white; } .section-title { color: #287271; font-size: 24px; font-weight: 600; } .wave-divider { height: 4px; background: linear-gradient(to right, #287271, #2a9d8f, #287271); margin: 15px auto; width: 80%; border-radius: 2px; } /* 工厂选择器 - 恢复左侧位置 */ .corp-selector { margin-bottom: 20px; /* 恢复左侧对齐 */ text-align: left; } .corp-label :deep(.ant-form-item-label) { font-weight: 600; color: #287271; text-align: left; padding-right: 16px; } .corp-radio-group { display: flex; gap: 30px; /* 确保左对齐 */ justify-content: flex-start; } .corp-radio { padding: 8px 15px; border-radius: 6px; transition: background 0.3s; } .corp-radio:hover { background: #e6f7ff; } /* 表格容器 */ .table-container { border-radius: 14px; overflow: hidden; box-shadow: 0 6px 18px rgba(0, 102, 153, 0.15); } .safety-table :deep(.vxe-header--row) { background: linear-gradient(135deg, #2a9d8f, #287271) !important; } .safety-table :deep(.vxe-header--column) { color: white !important; font-weight: 600; height: 50px; } .safety-table :deep(.vxe-body--row:hover) { background-color: #f0fcf9 !important; } .table-icon { font-size: 20px; vertical-align: middle; margin-right: 8px; } .safety-file-link { color: #287271; font-weight: 500; text-decoration: none; display: inline-block; padding: 5px 10px; transition: all 0.2s; } .safety-file-link:hover { color: #1a5b5a; background-color: #e6f7ff; } .safety-timestamp { color: #5a8d97; font-weight: 500; } /* 操作按钮 */ .action-btn { border-radius: 8px; padding: 8px 15px; font-weight: 500; border: none; transition: all 0.3s; } .add-btn { background: linear-gradient(135deg, #2a9d8f, #287271); color: white; } .delete-btn { background: linear-gradient(135deg, #e76f51, #d62828); color: white; } /* 弹窗表单 */ .safety-dialog { border-radius: 16px; } .safety-form .form-item { margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #e8f4ff; } .input-tip { color: #7a9ca5; font-size: 12px; margin-top: 5px; } .current-corp { text-align: center; padding: 12px; background: rgba(42, 157, 143, 0.08); border-radius: 8px; color: #287271; font-weight: 500; } </style> ``` ### 主要修改点(工厂选择器部分): 1. **位置调整**: ```css .corp-selector { /* 恢复左侧对齐 */ text-align: left; } ``` 2. **对齐方式**: ```css .corp-radio-group { /* 确保左对齐 */ justify-content: flex-start; } ``` 3. **标签样式**: ```css .corp-label :deep(.ant-form-item-label) { text-align: left; padding-right: 16px; } ``` 4. **间距优化**: - 保持了适当的选项间距(30px) - 保留了精简后的内边距(8px 15px) - 移除了所有不必要的背景和大边框 其他部分完全保持不变,工厂选择器现在位于左上角原始位置,整体风格仍保持优化后的简洁效果。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值