关于机械键盘(云:入坑到退烧)

  从小时候看到家里的机械键盘(其实是薄膜,只不过看起来是机械,后文称为薄膜轴,也不知道对不对)。到后来笔记本常用的薄膜键盘,再到如今又想要真正的机械键盘,心路历程可谓曲折。

  经历了长达5月的学习和考证,虽然还没有买和使用,但是感觉已经云退烧了(矫情其实就是穷)。从刚开始考虑什么牌子好,到什么键盘性价比高,到机制手感(Filco、Leopold等等)到二手,到客制化……就像一个真正的烧键盘的人,只不过实际上并没有烧钱而已,烧的是脑细胞。

  期间也试用过阿米诺(三模87c茶-海韵)感觉手感没比正在用的k275键鼠套装强到哪去(指700rmb)。现在在用的键盘也不是真正意义上的机械键盘,应该是“机械手感键盘”,或者说是“薄膜轴”(我挺喜欢这个形容)。

  听说一位朋友为了组装“小车”买了焊台,不出意外(心水的键盘没有大降价的话),会借用焊台搞自己的客制化。就我现在的想法,套件和轴都不需要太顶级,套件的话87、98、甚至(当然套件最好是gasket,想感受一下水滴);键帽用pbt闭口(洛斐小翘的颜值太戳我了,未来要是有女朋友可以考虑一下),高度都可以接受吧,球帽也可以;轴就G黄pro或者box白,贵点ttc金粉,再贵……就不考虑了;背光到算是一个纠结的点,就现阶段而言算是有需求,但是几年以后……难道内卷行业晚上还会断电?(老板:拿来吧你)

  关于卫星轴大键的调教、轴的润滑、键帽的打磨、焊接(热插拔也不错)这些已经了解得基本完备,对自己动手能力还算有信心,等度过了考试月,就着手搭配吧。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,这个需求可以用 Vue2 实现。首先,我们需要安装 Vue2: ```bash npm install vue@2.6.14 ``` 接下来,我们可以用 Vue2 的单文件组件来实现这个需求。首先,我们创建一个 `Appointment.vue` 文件: ```html <template> <div> <h2>就诊记录</h2> <div class="search"> <input type="text" v-model="searchTerm" placeholder="请输入关键字"> <button @click="search">搜索</button> </div> <table> <thead> <tr> <th>就诊日期</th> <th>医生姓名</th> <th>诊断结果</th> <th>处方信息</th> <th>操作</th> </tr> </thead> <tbody> <tr v-for="(appointment, index) in filteredAppointments" :key="appointment.id"> <td>{{ appointment.date }}</td> <td>{{ appointment.doctor }}</td> <td>{{ appointment.diagnosis }}</td> <td>{{ appointment.prescription }}</td> <td><button @click="showDetails(index)">详情</button></td> </tr> </tbody> </table> <div class="details" v-if="showDetailsPopup"> <div class="details-content"> <h3>{{ selectedAppointment.doctor }}</h3> <p>{{ selectedAppointment.date }}</p> <p>{{ selectedAppointment.diagnosis }}</p> <p>{{ selectedAppointment.prescription }}</p> <button @click="hideDetails">关闭</button> </div> </div> </div> </template> <script> export default { data() { return { appointments: [ { id: 1, date: '2021-08-01', doctor: '张医生', diagnosis: '感冒', prescription: '999感冒灵', }, { id: 2, date: '2021-08-03', doctor: '李医生', diagnosis: '发烧', prescription: '退烧贴', }, { id: 3, date: '2021-08-05', doctor: '王医生', diagnosis: '头痛', prescription: '阿司匹林', }, ], searchTerm: '', showDetailsPopup: false, selectedAppointment: null, }; }, computed: { filteredAppointments() { if (this.searchTerm === '') { return this.appointments; } return this.appointments.filter((appointment) => { return ( appointment.date.includes(this.searchTerm) || appointment.doctor.includes(this.searchTerm) || appointment.diagnosis.includes(this.searchTerm) || appointment.prescription.includes(this.searchTerm) ); }); }, }, methods: { search() { // do nothing }, showDetails(index) { this.selectedAppointment = this.filteredAppointments[index]; this.showDetailsPopup = true; }, hideDetails() { this.showDetailsPopup = false; }, }, }; </script> <style> table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid black; padding: 8px; text-align: left; } th { background-color: #f2f2f2; } .search { margin-bottom: 16px; } .details { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; } .details-content { background-color: white; padding: 16px; border-radius: 8px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); text-align: center; } .details-content h3 { margin-top: 0; } .details-content p { margin-bottom: 8px; } </style> ``` 这个文件中包含一个 `Appointment` 组件,它包含一个表格用来展示就诊记录,一个搜索框和一个详情弹窗组件。我们在 `data` 中定义了一个 `appointments` 数组用来存储就诊记录,一个 `searchTerm` 用来存储用户输入的关键字,一个 `showDetailsPopup` 用来控制详情弹窗是否显示,一个 `selectedAppointment` 用来存储用户选择的就诊记录。 在 `computed` 中,我们定义了一个 `filteredAppointments` 计算属性,它根据用户输入的关键字来过滤就诊记录。在 `methods` 中,我们定义了一个 `search` 方法用来处理用户的搜索操作;一个 `showDetails` 方法用来展示详情弹窗,它将用户选择的就诊记录存储到 `selectedAppointment` 中,并将 `showDetailsPopup` 设置为 `true`;一个 `hideDetails` 方法用来关闭详情弹窗,它将 `showDetailsPopup` 设置为 `false`。 我们可以在父组件中使用 `Appointment` 组件来展示就诊记录: ```html <template> <div> <appointment></appointment> </div> </template> <script> import Appointment from './Appointment.vue'; export default { components: { Appointment, }, }; </script> ``` 这样就完成了用 Vue2 实现展示患者的就诊记录的需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值