曬單活動測試問題

weixin_33935777發表於2018-06-08

1.Header不需要重新設定一個導航欄的,erp落地頁裡面可以配置連結、標題;
2.頭圖的描述文字應當是JC自用的字型下的demi bold,現在不是JC自用字型?並且欄位位置太靠下了,可以考慮上移16px;
3.俄語文案大小寫,整體調整為小寫,然後保證第一個單詞首字母大寫
4.俄語文字過長把按鈕撐滿了,調整按鈕背景寬度
5.曬單Excellent Photos如果圖片是白色的,點讚的圖示和數量也是白色的,導致看不出來
點讚的圖示和數量加上陰影會有點生硬,可以在圖片上加一層遮罩,

5239012-fe744366042cf8ac.png
企業微信截圖_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;
        }

相關文章