首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    H5活动宣传页通用布局技术解决方案

    一般来说,活动宣传页都是全屏的滑动,而移动端的视窗大小确实是有点零碎化,于是将内容在不同的手机上良好展示出现就显得有点挑战了。本文旨在通过对一个个疑难点进行攻克而形成一种通用解决方案。...活动宣传页面分析 以imweb conf的第一屏为例,如下图: 现在对里面的元素布局进行一个分析: 一个全屏的背景图 ”往届回顾“定位在左上(left, top),IMWeb.io 文字及向上箭头定位为中下...全屏背景图解决方案 第一个念想肯定是background-size。而能沾上边的无非100%, contain, cover这三种取值。...至于最后一个一屏显示,其实把上面的都处理好了,这个一般也就没问题了,实在碰到一些特殊的,我们还可以使用media queries来解决 其他特殊情况 当然上面的通用解决方案并不能适用所有情况,对于某些特殊的情况我们还是需要另外单独考虑...function(event) { document.documentElement.style.fontSize = window.innerHeight/10 + "px"; }); 总结 活动宣传页的布局说到底就是要解决如下几个问题

    1.3K10

    分享、活动、地推、广告:openinstall全渠道多场景解决方案

    App企业投入大量资源做App推广、运营、召回活动,但总会遇到用户转化以及数据层面的分析难题。在日渐复杂的运营场景中,越快找到通用的解决方案将越具优势。...分享裂变场景:自动绑定解决方案用户分享App下载的场景主要集中在:邀请裂变活动、邀请朋友游戏互动、邀请朋友关注App内容等。...活动营销场景:效率倍增解决方案在日常运营、渠道推广、活动营销、用户召回等场景,社群、短信、邮件、海报、网站都是触达用户不可或缺的媒介,大多数运营者都想要统计每一个社群、每一条短信、每一张海报带来的用户量和后续行为...,并且尽量提升活动的拉新转化率。...图片openinstall解决方案的优势:1、唤醒&场景还原:社群、短信、邮件、海报、网站等任何活动媒介中,新老用户均可直接从外部链接跳转到App内指定页面,一步直达活动场景,在提升活动参与率的同时优化用户体验

    79310

    H5活动宣传页通用布局技术解决方案

    本文作者:IMWeb 结一 原文出处:IMWeb社区 未经同意,禁止转载 一般来说,活动宣传页都是全屏的滑动,而移动端的视窗大小确实是有点零碎化,于是将内容在不同的手机上良好展示出现就显得有点挑战了...本文旨在通过对一个个疑难点进行攻克而形成一种通用解决方案活动宣传页面分析 以imweb conf的第一屏为例,如下图: ?...全屏背景图解决方案 第一个念想肯定是background-size。而能沾上边的无非100%, contain, cover这三种取值。...至于最后一个一屏显示,其实把上面的都处理好了,这个一般也就没问题了,实在碰到一些特殊的,我们还可以使用media queries来解决 其他特殊情况 当然上面的通用解决方案并不能适用所有情况,对于某些特殊的情况我们还是需要另外单独考虑...function(event) { document.documentElement.style.fontSize = window.innerHeight/10 + "px"; }); 总结 活动宣传页的布局说到底就是要解决如下几个问题

    1.7K50

    H5活动宣传页通用布局技术解决方案

    本文作者:IMWeb 结一 原文出处:IMWeb社区 未经同意,禁止转载 一般来说,活动宣传页都是全屏的滑动,而移动端的视窗大小确实是有点零碎化,于是将内容在不同的手机上良好展示出现就显得有点挑战了...本文旨在通过对一个个疑难点进行攻克而形成一种通用解决方案活动宣传页面分析 以imweb conf的第一屏为例,如下图: ?...全屏背景图解决方案 第一个念想肯定是background-size。而能沾上边的无非100%, contain, cover这三种取值。...至于最后一个一屏显示,其实把上面的都处理好了,这个一般也就没问题了,实在碰到一些特殊的,我们还可以使用media queries来解决 其他特殊情况 当然上面的通用解决方案并不能适用所有情况,对于某些特殊的情况我们还是需要另外单独考虑...function(event) { document.documentElement.style.fontSize = window.innerHeight/10 + "px"; }); 总结 活动宣传页的布局说到底就是要解决如下几个问题

    1.4K42

    TienChin 活动管理-活动状态完善

    修改字典 修改活动状态字典,将之前的数据键值为 0 的数据标签内容改为 过期: 更改下数据库的描述,禁用改为过期: ALTER TABLE `tienchin_activity` MODIFY COLUMN...`activity_status` int NULL DEFAULT NULL COMMENT '活动状态,0.表示过期、1.表示正常' AFTER `activity_type`; Activity.../** * 活动状态,0.表示过期、1.表示正常 */ private Integer activityStatus; ActivityServiceImpl 编写一个将超过当前时间的活动状态设置为禁用...@Override public List selectActivityList() { // 将超过当前时间的活动状态设置为禁用 expireActivity(...() { UpdateWrapper uw = new UpdateWrapper(); // 将原本状态为正常的活动状态为1,并且 endTime 小于当前时间的活动状态设置为过期

    13830

    TienChin 活动管理-添加活动接口

    "添加成功" : "添加失败"); } IActivityService /** * 添加活动 * * @param activityVO 活动信息 * @return 结果 */ int addActivity...1 : 0; } ValidationMessages.properties # 活动管理 activity.name.notBlank=活动名称不能为空 activity.name.size=活动名称最大长度为...20个字符 activity.channelId.notnull=渠道ID不能为空 activity.info.notBlank=活动简介不能为空 activity.info.size=活动简介最多为255...个字符 activity.type.notnull=活动类型不能为空 activity.status.max=活动状态最大值为1 activity.status.min=活动状态最小值为0 activity.discount.max...activity.endTime.notnull=活动结束时间不能为空 ActivityVO /** * 活动名称 */ @NotBlank(message = "{activity.name.notBlank

    14110
    领券