先上图片看效果
三种模式切换,日常·暗黑·暖光
这个版本包含了以下改进:
优化了提示框的视觉效果,使用磨砂玻璃效果
提示框动画更流畅,从小到大的缩放效果
根据主题自动调整提示框样式和文字颜色
改进了移动端适配
优化了滑块的触摸响应
优化了移动端体验和性能
增强了动画效果和交互反馈
改进了提示框样式和动画
加强了滑块的交互体验
添加了触觉反馈
优化了代码结构和性能
增强了主题切换效果
改进了错误处理
优化了布局响应式
紧急程度选择(保持选择状态)
消息模板选择
自定义消息输入
通知发送功能
滑动拨打电话
历史记录显示
主题切换(亮色、暖色、暗色)
修复了紧急程度选择后保持状态的问题
优化了主题切换按钮的大小和位置
改进了移动端适配
优化了滑动操作的流畅度
完善了错误处理(比如未选择紧急程度时的提示)
优化了历史记录的显示效果
改进了触觉反馈体验
由于整合在一起代码过长 JS CSS 等 分段式写入 完整代码:
project.rar
(8.6 KB, 下载次数: 30)
[HTML] 纯文本查看 复制代码 // 配置文件
const config = {
// 车主电话号码
phone: '123456',
// 微信推送配置
wxPusher: {
appToken: 'AT_*************',
uids: ['UID_***************'],
apiUrl: 'https://wxpusher.zjiecode.com/api/send/message'
},
// 通知相关配置
notification: {
cooldown: 120000, // 通知冷却时间(毫秒)
defaultMessage: '需要挪车,请及时处理。' // 默认通知消息
}
};
// 导出配置
window.config = config;
在config.js文件中修改自己的手机号和apptoken和uids 三个参数即可
蓝奏云:https://wwwr.lanzoul.com/b00g2qwucf 密码:2cg8
参数获取在以下地址获取:https://wxpusher.zjiecode.com/admin/login
感谢各位支持,有什么想法可以留言,尽快满足大家。谢谢各位! |