为您提供最新最热的新闻资讯
提供一站式的产品与服务
新媒体工作室生产发布管理系统
电子商务运营平台
AI+融媒
融合媒体生产
融媒体综合管理系统
移动终端视音频快编审核系统
全媒体一键发布系统
大数据网络舆情汇聚系统
大数据调度指挥系统
文明实践中心综合管理系统
融合制播云拆条(云剪辑)
智慧党建综合管理系统
新媒体矩阵管理平台
<ul class="content">
<li>分类列表1</li>
<li>分类列表2</li>
<li>分类列表3</li>
...
<li>分类列表100</li>
</ul>
//css
.content{
height: 150px;
background-color: #ff8198;
overflow-y: scroll;}1234567891011121314
<template>
<div class="wrapper">
<ul class="content">
<li>分类列表1</li>
<li>分类列表2</li>
...
<li>分类列表100</li>
</ul>
</div></template><script>import BScroll from 'better-scroll'
export default {
name: "Category",
data(){
return {
scroll:null
}
},
//组件创建完后调用
created() {
//new BScroll('.wrapper')
},
mounted() {
//console.log(document.querySelector('.wrapper'));
this.scroll = new BScroll(document.querySelector('.wrapper'))
}
}</script><style scoped>.wrapper{
height: 150px;
background-color: #ff8198;
overflow: hidden;}</style>1234567891011121314151617181920212223242526272829303132333435363738
1.注意不要在created()方法中里面用BScroll,因为此方法是在组件创建时调用,如果把BScroll写里面会获取不到元素。
2.上面的代码中 BetterScroll 是作用在外层 wrapper 容器上的,滚动的部分是 content 元素。这里要注意的是,BetterScroll 默认处理容器(wrapper)的第一个子元素(content)的滚动,其它的元素都会被忽略。所以,这里我们要滚动的是ul里面的li,但是ul不能作为父元素,否则只有一个li是滚动的,不是我们要的效果,所以要在ul外面包一个div。
3.切记,触摸滚动,而不是鼠标滚动,不要像我一样傻傻的用鼠标滚动,然后就看不到局部滚动的效果,还以为是哪里用的不对。解释:因为这个框架主要用于移动端,而我们移动端哪里来的鼠标,不就是触摸嘛。
2021-01-18
如何让编程水平变得更高 2021-01-18
新宝线上股票5G车联网,离无人驾驶还有多远 2020-12-30
用python实现双人五子棋(终端版) 2020-12-30
Eclipse 官宣,干掉 VS Code ! 2020-12-25
MySQL优化建议 2020-12-25
一场成功的商业直播活动,除了精准的用户定位和活动内容策划之外,在直播这一块能做的东西有很多。视频直播已经成为目前商业曝光的主流形式,无论是对品牌的宣传还是企业形象的树立,视频直播能给企业带来的能量都不容小觑。一场炫酷、大气的商业直播对于企业知名度的打响有很大的作用。
确认直播主题
确认直播的主题与嘉宾,并制定相关的商业宣传海报以及制定商业直播推广计划。
确认直播设备
电脑、高清摄像机、音视频采集卡、导播台、4G流量卡、三脚架、收音话筒(根据机位确定,有几个机位就要几套,现场有调音台也可以直接从调音台输出声音,流量卡根据场地网络环境确定)。有的企业因为成本、技术等原因,不可能全配齐这些设备,这时候需要和专业的摄像、调音团队配合。
提前设备调试
使用专业设备,密集的按键、纠结的线路、复杂的操作让人头疼,要提前对设备进行调试,避免直播出现不必要的麻烦。
1、熟悉企业直播推流软件的基本操作并设置好直播画面logo、广告贴片、暖场视频等等;
2、外接设备测试,保证设备的正常使用。测试音视频采集输出是否正常,保证直播画面的声画同步与高清流畅;
3、查询4G卡流量以及测试现场的网络情况是否稳定以避免网络波动导致直播卡顿出现,同时要注意4G卡充值避免欠费断网。
确保直播流畅稳定
1、让场外同事注意直播情况,关注直播中画面或声音是否正常,如信号出问题及时沟通;
2、多机位画面切换要平缓,否则容易造成造成直播画面效果差和观众观看体验差;
3、直播过程中可发弹幕进行交流,让每一个直播观众都能参与其中,调动观众的积极性,也可以发红包活跃一下气氛;
4、直播完成注意设置回放视频,以便没有来得及观看的观众能有机会观看直播。
对于商业直播来说,选择一家靠谱的企业级的视频直播服务商很重要,因为无论是推流的稳定性,还是网络分发的过程任何一个环节出了问题都会影响商业直播的效果,极大的影响企业的品牌形象。
商业直播定制是很常见的,突出企业形象直观的的就是观众所看到的直播画面,或者说是直播间的布置,所以除了上面说的视频贴片广告、画面LOGO之外,真个直播间的布置风格是对观众最大的视觉冲击,是企业最佳的品牌形象展示。
2019-11-01
活动直播需要注意哪些问题? 2019-11-01
教育培训直播怎么样? 2019-11-01
搭建企业直播平台对于企业来说可以有哪些作用呢? 2019-11-01
一个有意思的比喻,理解什么是教育视频云 2019-11-01
“外引内培”——金融直播这样做,准没错! 2019-10-14