V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  OkabeRintaro  ›  全部回复第 6 页 / 共 8 页
回复总数  148
1  2  3  4  5  6  7  8  
2022-06-27 19:15:15 +08:00
回复了 OkabeRintaro 创建的主题 问与答 [前端开发] 如何仿照下面这种布局和滑动效果?
@cyrbuzz 谢谢大佬提供内功修炼,那外功的布局我看了源码好像有 30 种模板,又是怎么实现的呀
@liushuigs 我靠 扒了源码 差不多 30 种模板
2022-06-27 18:20:13 +08:00
回复了 OkabeRintaro 创建的主题 问与答 [前端开发] 如何仿照下面这种布局和滑动效果?
@Ccbeango 看到了 已经放到编辑器里了。
@HAYWAEL 富文本编辑器?
2022-06-27 17:05:49 +08:00
回复了 OkabeRintaro 创建的主题 问与答 [前端开发] 如何仿照下面这种布局和滑动效果?
@ccyu220 简单看了一下这个 H5 编辑器,摆放好图片,就只有一个页面给我,也没代码啊,如何融入到公司 App 里面呀?
2022-06-27 16:56:12 +08:00
回复了 OkabeRintaro 创建的主题 问与答 [前端开发] 如何仿照下面这种布局和滑动效果?
@ccyu220 那是什么,可以推荐下吗? 是会生成代码的吗?
2022-06-27 16:55:35 +08:00
回复了 OkabeRintaro 创建的主题 问与答 [前端开发] 如何仿照下面这种布局和滑动效果?
@Pastsong 呃呃不好意思,我是前端小菜鸡,请问这个是可以扒下来的吗?怎么扒?扒完怎么看,这种东西上线后不是都会混淆的吗?最后可以再换为 vue 模式吗?我上面这些问题都百度过,但都看不懂,所以还是来虚心请教下。
2022-06-27 16:39:05 +08:00
回复了 OkabeRintaro 创建的主题 问与答 [前端开发] 如何仿照下面这种布局和滑动效果?
@Pastsong @ToHaveLight 主要是假如说 有十几张图片,怎么屏幕第一页判断是要怎么摆放一两张,第二页摆放四五张
哇 服了 居然还有 场上最多允许存在渲染 5 页,每翻开下一页,5 页中的第一页就会消失;翻开上一页,5 页的最后一页就会消失。。。。。
这个是虚拟列表吗?
@OkabeRintaro 麻了 用瀑布流实现的仅仅只有部分效果,整体看起来非常拉跨!
有人做过这种类似的吗? 相当于一张长长细细的页面,就像是垂直放下的卷轴 /厕所卷纸,上面有每一条动态(标题,文字,图片),像朋友圈那样,但是是靠左右滑动翻页的。一条动态如果一页放不下,那余下部分就会在下一页。如果上条动态在本页占据空间后,还有留下足够空间,就放下一条动态。
@liushuigs 5,6,7,8 都是 一页放不完就推到下一页放 ,这样子的。 没错就是翻页 但不知道瀑布流可不可以
2022-06-25 22:09:39 +08:00
回复了 luin 创建的主题 程序员 收到了一份来自 GitHub 官方的赞助,开心!
点进去就看到鱿鱼须的头像
nnd ,横向瀑布流应该可以
没啥思路。。。。。。。。
???
是只有创建的时候才能用 markdown 语法吗?
<img src="https://pic.rmb.bdstatic.com/bjh/46cc35e791c52fa4b241aa24d72b4ec8.png"/>
啊啊啊
需求是这样的:用户发表了说说加图片,发了一个月,假设一天只发 1 条,都是带有文字和图片的。
要求生成一个相册,左右滑动翻页。
再比如说: 用户第一天,就发表了一点文字,和 5 张照片。那么,第一页相册的内容则就是,文字加一张图片的布局,下一页相册,却是 4 张图片的布局。
以此类推。
<img src="https://pic.imgdb.cn/item/62b707500947543129a3894a.png" />

@Javacheng
@rabbbit 路由的 query 参数传过来的
@wdssmq 谢谢,刚才摸索出来了,但还是很感谢你!
<script>
import axios from "axios";
created() {
//第一次进小说,只要前 4 章
this.firstSecIdList = (this.bookList || "").slice(0, 4);
// 遍历前四个,四个全部分到一个新的 url 数组集合里
this.firstSecIdList.forEach((item, index) => {
// 请求章节内容的 URL 链接
item, index;
this.firstSecIdListURl.push(
axios.get(
`A----P----I?小说内容 ID=${item.secId}`
)
);
});
// 输出这 4 个 promise 对象
console.log(this.firstSecIdListURl);

axios.all(this.firstSecIdListURl).then(
axios.spread((...res) => {
// 由于不知道数组的长度,所以我们通过...扩展运算符将数组变成一个参数序列
[...res].forEach((item, index) => {
index;
console.log(item, index);//输出结果为按照索引发出的请求并且是正确的顺序的返回数据
//小说内容放进页面
this.bookContent = item.data.data.content;
this.$refs.content.innerHTML += this.bookContent;
});
})
);
});
</script>
@YuxiangLuo @noe132 谢谢! 用了 axios.all()和 axios.spread()已经拍好了 先循环弄出所有的 promise 对象放入新数组,再 all 这个新数组 ,spread 出来所有的正确顺序
这个帖子,图片发不出去 作废吧 这排版看着难受,管理员看到的话 麻烦删除一下该贴
1  2  3  4  5  6  7  8  
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2528 人在线   最高记录 6543   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 20ms · UTC 00:24 · PVG 08:24 · LAX 17:24 · JFK 20:24
Developed with CodeLauncher
♥ Do have faith in what you're doing.