vue+css实现手机端移动端教育育儿类app首页代码

代码语言:html

所属分类:布局界面

代码描述:vue+css实现手机端移动端教育育儿类app首页代码

代码标签: 移动 教育 育儿 app 首页

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <style>
        @font-face {
      font-family: "iconfont"; /* Project id 2754682 */
      src: url('data:application/octet-stream;base64,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') format('woff2'),
           url('../fonts/iconfont.woff?t=1630063647069') format('woff'),
           url('../fonts/iconfont.ttf?t=1630063647069') format('truetype');
    }
    
    .iconfont {
      font-family: "iconfont" !important;
      font-size: 16px;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    
    .icon-ertong:before {
      content: "\e62e";
    }
    
    .icon-shipu:before {
      content: "\e619";
    }
    
    .icon-wenda:before {
      content: "\e722";
    }
    
    .icon-laba:before {
      content: "\e63e";
    }
    
    .icon-message:before {
      content: "\e604";
    }
    
    .icon-renwu:before {
      content: "\e60a";
    }
    
    .icon-wode:before {
      content: "\e60f";
    }
    
    .icon-baike:before {
      content: "\e6d0";
    }
    
    .icon-shangcheng:before {
      content: "\e606";
    }
    
    .icon-canpan:before {
      content: "\e6a3";
    }
    
    .icon-gengduo:before {
      content: "\e62d";
    }
    
    .icon-gouwu:before {
      content: "\e676";
    }
    
    .icon-view:before {
      content: "\e6c1";
    }
    
    .icon-weixin:before {
      content: "\e631";
    }
    
    .icon-duihua:before {
      content: "\e61e";
    }
    
    .icon-right:before {
      content: "\e64d";
    }
    
    .icon-qushi:before {
      content: "\e602";
    }
    
    .icon-mine:.........完整代码请登录后点击上方下载按钮下载查看

网友评论0