当前位置: 首页 > ops >正文

TripGenie:畅游济南旅行规划助手:个人工作纪实(二十)

       本周,我首先调整了整个页面的布局,把之前位于右上侧的中英文切换、主题切换挪到了左侧的工具栏中,保证整个页面的和谐性,同时我补充完善了中英文切换的功能,使智能体可以实现多语言的交互功能。

          首先,我在html中更改对应的位置,将中英文切换和主题切换移动到left-sidebar的类下。

       注意,最开始我们设置的切换主题是下拉框的形式,这里我保留了下拉框的设置,设置为点击切换主题的时候显示下拉框,同时为了保证用户更好的使用下拉框的选项,我将下拉框挪到了主题切换的下方展示,紧贴主题切换。

      效果如下:

  

      在中英文切换部分,首先我选择制作两个html页面,即一个中文版html一个为英文版的html,通过点击中英文切换,js设置触发式跳转到对应的页面,注意这里我们不是保留原语言界面展示新的语言界面,而且直接用新的语言界面覆盖旧的界面,这里我设置初始默认界面为中文界面,每次点击会更新currentLanguage,并且跳转到指定的页面。

    效果如下:

   英文界面:

http://www.xdnf.cn/news/8978.html

相关文章:

  • yolov8,c++案例汇总
  • 【身份证识别表格】把大量手机拍摄的身份证信息转换成EXCEL表格的数据,拍的身份证照片转成excel表格保存,基于WPF和腾讯OCR的实现方案
  • 微服务(SpringCloud)的简单介绍
  • AI时代新词-机器学习即服务(MLaaS)
  • 蜂鸟E203与PicoRV32两款RISC-V处理器的对比分析
  • 【Pandas】pandas DataFrame add_prefix
  • Node.js Path模块路径处理秘籍
  • 本地项目如何设置https(2)——2025-05-19
  • 2025.05.25-得物春招机考真题解析-第一题
  • geo ai库本地运行测试的坑
  • 战略3.1 - 战略选择(发展战略-一体/密集/多元化)
  • Swagger | 解决Springboot2.x/3.x不兼容和依赖报错等问题
  • 互联网大厂Java求职面试:AI与大模型应用集成中的架构难题与解决方案-1
  • Rust 学习笔记:闭包
  • RISC-V 开发板 MUSE Pi Pro cpufp测试算力
  • UE5 C++动态调用函数方法、按键输入绑定 ,地址前加修饰符
  • Vue 3.0 中状态管理Vuex 与 Pinia 的区别
  • 游戏:元梦之星游戏开发代码(谢苏)
  • Linux(Centos 7.6)命令详解:tar
  • Python3.11.9 绿色版安装配置教程
  • YOLO系列各版本的优缺点分析
  • 物流配送优化实战:用遗传算法破解选址难题
  • Android Studio 介绍
  • 软考 系统架构设计师系列知识点之杂项集萃(74)
  • NFT数字藏品交易是买卖合同还是著作权许可?
  • vue3文本超出三行显示省略号,点击查看更多显示全部文本
  • 东北某汽车集团云建设:如何用监控易护航云平台系统?
  • Nginx 安全防护与 HTTPS 部署实战笔记
  • Android 之 kotlin 语言学习笔记一
  • 企业级调度器LVS (面试版)