一些常用第三方/SELF库、插件、框架

TYPE NAME VISION LINK
Jquery v1.12.4

  • https://lib.iaviva.com/plugin/jquery/1.12.4/jquery.min.js
Jquery v1.11.3

  • https://lib.iaviva.com/plugin/jquery/1.11.3/jquery.min.js
Jquery v1.8.3

  • https://lib.iaviva.com/plugin/jquery/1.8.3/jquery.min.js
Jquery v1.7.2

  • https://lib.iaviva.com/plugin/jquery/1.7.2/jquery.min.js
layui

  • https://lib.iaviva.com/plugin/layui/layui.all.js
Layer PC版 v3.1.1

  • https://lib.iaviva.com/plugin/layer/3.1.1/layer.js
Layer For Mobile v2.0

  • https://lib.iaviva.com/plugin/layer.m/2.0/layer.js
layDate v5.0.9

  • http://lib.iaviva.com/plugin/layDate/5.0.9/laydate.js
Swiper v3.4.2

  • https://lib.iaviva.com/plugin/swiper/3.4.2/swiper.jquery.min.js

  • https://lib.iaviva.com/plugin/swiper/3.4.2/swiper.min.js

  • https://lib.iaviva.com/plugin/swiper/3.4.2/swiper.min.css
axios

  • https://lib.iaviva.com/plugin/vue/v0.20.0/axios.min.js
VueLayzy v1.3.3

  • https://lib.iaviva.com/plugin/vue/vue-lazyload/vue-lazyload.js
Vue v2.6.9

  • https://lib.iaviva.com/plugin/vue/2.6.9/vue.min.js
axios

  • https://lib.iaviva.com/plugin/vue/v0.20.0/axios.min.js
VueLayzy v1.3.3

  • https://lib.iaviva.com/plugin/vue/vue-lazyload/vue-lazyload.js
masonry

  • https://lib.iaviva.com/plugin/masonry/masonry-docs.min.js
Clipboard v2.0.4

  • https://lib.iaviva.com/plugin/clipboard/2.0.4/clipboard.min.js
VideoJs v7.5.5

  • https://lib.iaviva.com/plugin/videojs/video-js.min.css

  • https://lib.iaviva.com/plugin/videojs/video.min.js
wow V1.0.1

  • https://lib.iaviva.com/plugin/wow/wow.min.js
animation V4.1.1

  • https://lib.iaviva.com/plugin/animate/4.1.1/animate.min.css
rem v1.3.2

  • https://lib.iaviva.com/plugin/rem/1.3.2/rem.min.js
cropperjs v1.5.7

  • https://lib.iaviva.com/plugin/cropperjs/1.5.7/cropper.min.js

    https://lib.iaviva.com/plugin/cropperjs/1.5.7/cropper.min.css
cropperjs v4.1.0

  • https://lib.iaviva.com/plugin/cropperjs/4.1.0/cropper.min.js

    https://lib.iaviva.com/plugin/cropperjs/4.1.0/cropper.min.css
qrcode vnormal

  • https://lib.iaviva.com/plugin/qrcode/normal/qrcode.min.js
wxchat v-
htmlimage v-

  • https://lib.iaviva.com/plugin/htmlimage/normal/html2canvas.min.js

    https://lib.iaviva.com/plugin/htmlimage/normal/canvas2image.js
createjs v-

  • https://lib.iaviva.com/plugin/createjs/preloadjs.js

    https://lib.iaviva.com/plugin/createjs/preloadjs.min.js

    https://lib.iaviva.com/plugin/createjs/soundjs.js

    https://lib.iaviva.com/plugin/createjs/soundjs.min.js

一些通用模块

NAME TYPE LINK
 
 

一些前端规则

模板/栏目相关名称

网站相关尺寸

分类 名称 推荐尺寸 宽 * 高 备用尺寸 宽 * 高
样片H5 整屏样片H5

640px * 1030px；

显示内容在640px * 1006px之间 超出会被裁剪

750px * 1206px；

显示内容在750px * 1180px之间 超出会被裁剪
长页面样片H5

640px * 任意px；

"任意px" 小于 9,600px

750px * 任意px；

"任意px" 小于 11,250px
活动H5 长页面H5 750px * 任意px 640px * 任意px
整屏H5

750px * 1334px；

显示内容在750px * 1180px之间 超出会被裁剪

640px * 1138px；

显示内容在640px * 1006px之间 超出会被裁剪
移动端网页 移动端网页 750px * 任意px 640px * 任意px

在线字体

NAME TYPE
DIN-BOLD 
 @font-face {
    font-family: 'dinbold';
    font-display: swap;
    url("//lib.iaviva.com/font/dinbold/dinbold.woff2") format("woff2"),
    url("//lib.iaviva.com/font/dinbold/dinbold.woff") format("woff"),
    url("//lib.iaviva.com/font/dinbold/dinbold.ttf") format("truetype"),
    url("//lib.iaviva.com/font/dinbold/dinbold.eot") format("embedded-opentype"),
    url("//lib.iaviva.com/font/dinbold/dinbold.svg") format("svg");
}
DINCOND-REGULAR 
@font-face {
    font-family: "DINCOND-REGULAR";
    src: url("//lib.iaviva.com/font/DINCOND-REGULAR/DINCOND-REGULAR.woff2") format("woff2"),
            url("//lib.iaviva.com/font/DINCOND-REGULAR/DINCOND-REGULAR.woff") format("woff"),
            url("//lib.iaviva.com/font/DINCOND-REGULAR/DINCOND-REGULAR.ttf") format("truetype"),
            url("//lib.iaviva.com/font/DINCOND-REGULAR/DINCOND-REGULAR.eot") format("embedded-opentype"),
            url("//lib.iaviva.com/font/DINCOND-REGULAR/DINCOND-REGULAR.svg") format("svg"),
            url("//lib.iaviva.com/font/DINCOND-REGULAR/DINCOND-REGULAR.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}
alibabapuhuiti 
@font-face {
    font-family: "alibabapuhui";
    font-display: swap;
    src: url('//lib.iaviva.com/font/alibaba/alibabapuhui.eot'); /* IE9 */
    src: url('//lib.iaviva.com/font/alibaba/alibabapuhui.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//lib.iaviva.com/font/alibaba/alibabapuhui.woff2') format('woff2'),
    url('//lib.iaviva.com/font/alibaba/alibabapuhui.woff') format('woff'), /* chrome、firefox */
    url('//lib.iaviva.com/font/alibaba/alibabapuhui.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//lib.iaviva.com/font/alibaba/alibabapuhui.svg#webfont') format('svg'); /* iOS 4.1- */
}
alibabapuhuiti-light 
@font-face {
						    font-family: "alibabapuhui";
						    font-display: swap;
						    src: url('//lib.iaviva.com/font/alibaba/alibabapuhuilight.eot'); /* IE9 */
						    src: url('//lib.iaviva.com/font/alibaba/alibabapuhuilight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
						    url('//lib.iaviva.com/font/alibaba/alibabapuhuilight.woff2') format('woff2'),
						    url('//lib.iaviva.com/font/alibaba/alibabapuhuilight.woff') format('woff'), /* chrome、firefox */
						    url('//lib.iaviva.com/font/alibaba/alibabapuhuilight.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
						    url('//lib.iaviva.com/font/alibaba/alibabapuhuilight.svg#webfont') format('svg'); /* iOS 4.1- */
						}