晒单活动测试问题

1.Header不需要重新设置一个导航栏的，erp落地页里面可以配置链接、标题；
2.头图的描述文本应当是JC自用的字体下的demi bold，现在不是JC自用字体？并且字段位置太靠下了，可以考虑上移16px；
3.俄语文案大小写，整体调整为小写，然后保证第一个单词首字母大写
4.俄语文字过长把按钮撑满了，调整按钮背景宽度
5.晒单Excellent Photos如果图片是白色的，点赞的图标和数量也是白色的，导致看不出来
点赞的图标和数量加上阴影会有点生硬，可以在图片上加一层遮罩，

企业微信截图_20180608141138.png

6.晒单Excellent Photos图片不是正方形，设计稿是正方形，图片服务器没有截图功能，比如XXX..jpg_300x300x80.jpg
表示宽300高300质量80，图片服务器有些参数不一定支持，比如XXX..jpg_300x500x80.jpg
这样一来固定了宽高图片不做处理有可能会扭曲模糊；要么截取显示固定的高度，图片有部分会被切割;
如果高度固定，宽度自适应，有可能两边会留下一片空白；
如果宽度固定，高度自适应，图片不做处理，那么就可以用瀑布流的形式展示。
7.如果用户没有头像则展示默认头像，昵称、标题等过长则做长度限制。
8.跑马灯滚动容器高度不限制死，为内容列表每行的4倍-50，这样能展示3个多一点。否则设置了400高度，列表内容高度小于400，就会滚动到一定距离就不滚动了。
9.判断新老版本，注意边界是>=6.19，不是>6.19
if (versionToNum(appVersion) >= versionToNum(6.19) && frm == 1 || versionToNum(appVersion) >= versionToNum(4.19) && frm == 2) { //判断是否新版本
location.href = 'jollychic://ispoimage';

}
瀑布流样式：

        .grid { /*firefox quantum无法展示瀑布流*/
            -webkit-column-count: 3;
            -webkit-column-gap: 20px; /* mobile 未知，实测可以,用来设置元素列之间的间隔大小*/
            // -webkit-column-fill: auto; /* pc firefox Quantum 会只显示一列。大部分浏览器未实现。balance 对列进行协调。浏览器应对列长度的差异进行最小化处理。*/
            -moz-column-count: 3;
            -moz-column-gap: 20px;
            // -moz-column-fill: auto;
            column-count: 4;
            column-gap: 20px;
            //column-fill: auto;
        }
        .block {
            -webkit-column-break-inside: avoid; /*避免在元素内部断行并产生新列*/
            -moz-column-break-inside: avoid;
            column-break-inside: avoid;
            background-color: #ee01ca;
            display: inline-block; //否则iphone safari浏览器，pc 360急速模式，头部不对齐，在firefox中就只显示一列，不会并排。
            //overflow:hidden; //不能加上，否则iphone safari 另外一列显示空白。
            word-wrap: break-word;
            margin-bottom: 20px;
        }