江苏龙网

  1. 首页 > 人文 > >

EasyGBS|【开发记录】网络摄像头国标GB28181协议EasyGBS广告宣传位动态配置更新说明


_本文原题：【开发记录】网络摄像头国标GB28181协议EasyGBS广告宣传位动态配置更新说明
大家熟知的国标GB28181协议视频平台EasyGBS界面调整之后 ， 很多用户都反馈新界面更加简洁大方了 ， 并且登录页的广告位也为项目的宣传起到了部分作用 。
EasyGBS|【开发记录】网络摄像头国标GB28181协议EasyGBS广告宣传位动态配置更新说明
本文插图
【EasyGBS|【开发记录】网络摄像头国标GB28181协议EasyGBS广告宣传位动态配置更新说明】

TSINGSEE青犀视频云边端产品开发的登录页宣传位的开发过程 ， 我们也和大家做了分享（登录页如何实现插入产品广告位） ， EasyGBS广告宣传位目前是静态 ， 为了能更好对项目进行展现 ， 我们打算对该宣传位进行动态调整 。
EasyGBS|【开发记录】网络摄像头国标GB28181协议EasyGBS广告宣传位动态配置更新说明
本文插图

调整过程大致如下：
首先前端需要配置宣传位的页面 ， 通过配置页面来配置所有宣传位的信息 ， 然后在登录页通过接口获取相应信息 ， 渲染到页面上即可 。 参考代码：
<el-form-item label="宣传图点选:" class="publicity"><spanv-for="(item, index) in ruleForm1.logoData":key="index"class="publicityBox"><el-checkbox v-model="item.Open" :disabled="!admin" @change="logoChange($event, item)"><div class="contaient_img"><img :src="http://news.hoteastday.com/a/imgUrl(item.ImageUrl)" alt /></div><div class="logoTitle">{{ item.Title }}</div></el-checkbox><div class="operationBox"><div class="contanter"><span class="img_edit" @click.stop="logoEdit(item)"><i class="iconfont iconbianji"></i></span><span class="img_del" @click.stop="logoDele(item.Id)"><i class="iconfont iconshanchu"></i></span></div></div></span><el-checkbox class="nopictures" v-show="admin"><div class="contaient_img" @click="dialogVisible = true"><img src="http://news.hoteastday.com/assets/images/nopictures.png" alt /><span class="img_add"><i class="iconfont iconadd" ></i></span></div><div class="logoTitle">暂无图片</div></el-checkbox></el-form-item></el-form>EasyGBS|【开发记录】网络摄像头国标GB28181协议EasyGBS广告宣传位动态配置更新说明
本文插图

通过上图可以看到 ， 用户可以自由添加或者删减宣传位图片 ， 这一改动提高了平台的开放性 。 如果大家还想了解更多EasyGBS相关内容 ， 欢迎联系我们 。 TSINGSEE青犀视频云边端全线产品均提供了测试版本供大家试用 ， 欢迎咨询 。


    推荐阅读


    上一篇：大众报业·海报新闻|蚂蚁集团科创板上市注册生效，系今年以来全球最大规模IPO项目

    下一篇：大众报业·海报新闻|韩国希杰集团会长：听说国庆6亿多中国人出游 说明抗疫成效显著