毕设-旅游网
关注
分享
扫一扫
文章平均质量分 90
高中不复，大学纷飞
索乏无味的人生需要code的陪伴
展开
-
js实现搜索框跳转功能
毕设篇：搜索框的逻辑实现功能说明实现搜索框的响应跳转功能，符合匹配条件跳转对应页面，不符合弹出alert提示框或跳转404页面效果展示代码实现sousuo.html （主页面）<!-- * @Author: lzm * @Date: 2021-11-23 13:11:46 * @Notes: 使用built命令快速得到一些常用的snippets,右击py文件可以preview代码 * @LastEditTime: 2021-11-23 18:19:52--.原创 2021-11-25 11:23:31 · 7861 阅读 · 3 评论 -
使用vue.js+element实现简单dialog对话框功能
1.对门票价格进行只读属性，对门票个数进行增减操作（最少减至1，为1时减少按钮失效）2.添加radio单选按钮，实现预订模式的转换，选择否，对应景点预订；选择是，对应酒店+景点预订3.添加酒店、酒店房间类型、入住时间选择、入住天数四个select选择下拉框，关键在于对其value和label的数据获取和传递4.关联酒店和房间类型的数据、根据具体公式计算最终预订价格（并且在所有表单事件获取有效数据才显示最终价格），利用element自带的模板代码进行ref控制5.按钮的确认、取消、重置以及气泡提示框的原创 2021-11-25 00:59:43 · 4815 阅读 · 0 评论 -
vue+element实现自定义轮播效果
毕设篇：vue+element实现自定义轮播效果效果展示实现代码Carouse.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-原创 2021-11-21 20:47:00 · 2686 阅读 · 2 评论 -
vue+element+js实现文章管理的分页功能
毕设篇：使用vue+element+js实现文章管理的分页功能效果展示实现代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compa原创 2021-11-21 00:52:45 · 901 阅读 · 0 评论 -
调用百度api实现驾车路线和时间距离计算
毕设篇：调用百度api实现驾车路线和时间距离计算效果展示html页面：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ini原创 2021-11-20 13:24:50 · 3810 阅读 · 0 评论 -
简单点击图片弹出video视频弹窗功能
毕设篇：实现旅游网中的景点视频模块使用语言及框架：HTML+JS+CSSVue.js+Element的本地引入阿里巴巴矢量图标库本地引入这里为了简化重复代码，我们使用vue的v-for来帮助我们遍历数组或对象，使用v-bind来实现数据的动态绑定，使用v-on实现事件监听模块需求：1.点击图片或图标元素、文字可以弹出video视频弹窗（js中的onclick事件）2.悬浮图片时，图片进行放大动画效果，并且播放按钮图标不被动画效果影响（css中的父类相对定位，子类绝对定位）3.视频播放后或关原创 2021-11-18 15:50:34 · 7269 阅读 · 2 评论