Vue项目实战——仿猫眼电影移动web

ray_zzzzz

于 2020-03-07 22:07:50 发布

阅读量2.6k

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/Xyouzi/article/details/104723629

版权

vue 专栏收录该内容

2 篇文章

订阅专栏

通过视频学习后，写的仿猫眼电影移动web的demo，作为学习练习的demo还是非常好的。
里面用到了vue全家桶，通信，scss，封装组件等。
附上github地址https://github.com/xyouzi/maoyanMovie

ray_zzzzz

博客等级

码龄5年

53
原创

98
点赞

254
收藏

55
粉丝

关注

私信

分类专栏

设计模式 1篇
springboot 12篇
java 20篇
docker 2篇
nginx 3篇
nacos 1篇
前端 6篇
linux 2篇
分布式 1篇
javascript 4篇
uniapp 2篇
websocket 2篇
idea 1篇
vue 2篇
ajax 4篇
nodejs 4篇

最新评论

uniapp实现简单的锚点定位
钱厚端: 如果是滑动屏幕到锚点，而不是点击滚动到锚点。可以看看https://uview-plus.jiangruyi.com/components/indexList.html 的源码
uniapp实现简单的锚点定位
钱厚端: [code=html] <template> <view class="flex" style="width: 100%;"> <scroll-view :scroll-into-view="viewId" scroll-y scroll-with-animation style="height: 100vh;"> <view :id="item" class="text-xxl" v-for="item in list" style="height: 150px;">{{ item.toUpperCase() }}</view> </scroll-view> <view class="bg-grey radius padding-xs margin-top text-center to-view"> <view :data-id="item" v-for="item in list" @tap="toView">{{ item }}</view> </view> </view> </template> <script setup lang="ts"> import { ref } from 'vue'; const list = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z' ]; const viewId = ref(''); function toView(event) { console.log(event) viewId.value = event.currentTarget.dataset.id; setTimeout(() => { viewId.value = ''; }) } </script> <style lang="scss"> .to-view { position: fixed; right: 10rpx; } </style> [/code]
uniapp实现简单的锚点定位
钱厚端: 点击滚动到X位置了，滑动屏幕到A，再点击X没用，没反应得在 this.toView = id; 之后还原toView值 [code=javascript] setTimeout(() => { this.toView = ''; }) [/code]
springboot自定义注解+aop+redis实现延时双删
弦梦弦人: 这里的name 起了什么作用？
springboot利用Spring的自动装配，策略模式提高系统接口扩展能力，
优快云-Ada助手: 不知道 Java 技能树是否可以帮到你：https://edu.youkuaiyun.com/skill/java?utm_source=AI_act_java