vue+css手机端移动端外卖商家首页点餐结算页面代码

代码语言:html

所属分类:布局界面

代码描述:vue+css手机端移动端外卖商家首页点餐结算页面代码

代码标签: 移动 外卖 商家 首页 点餐 结算 页面

下面为部分代码预览,完整代码请点击下载或在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=1630329860144') format('woff'),
               url('../fonts/iconfont.ttf?t=1630329860144') format('truetype');
        }
        
        .iconfont {
          font-family: "iconfont" !important;
          font-size: 16px;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
        }
        
        .icon-huangguan:before {
          content: "\e638";
        }
        
        .icon-more:before {
          content: "\e60b";
        }
        
        .icon-shoucang:before {
          content: "\e629";
        }
        
        .icon-gouwuche-xian:before {
          content: "\e621";
        }
        
        .icon-gouwuche-mian:before {
          content: "\e611";
        }
        
        .icon-jia:before {
          content: "\e67a";
        }
        
        .icon-jian:before {
          content: "\e67e";
        }
        
        .icon-radio-none:before {
          content: "\e62c";
        }
        
        .icon-info:before {
          content: "\e613";
        }
        
        .icon-shangshengqushi:before {
          content: "\e60e";
        }
        
        .icon-quan:before {
          content: "\e6d1";
        }
        
        .icon-rmb:before {
          content: "\e6b7";
        }
        
        .icon-sanjiaoxia:before {
          content: "\e605";
        }
        
        .icon-sanjiaoshang:before {
          content: "\e607";
        }
        
        .icon-sanjiaoyou:before {
          content: "\e608";
        }
        
        .icon-sanjiaozuo:before {
          content: "\e609";
        }
        
        .icon-laba1:before {
          content: "\e610";
        }
        
        .icon-radio-select:before {
          content: "\e6ed";
        }
        
        .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:before {
          content: "\e615";
        }
        
        .icon-sanjiao-up:before {
          content: "\e603";
        }
        
        .icon-duihua2:before {
          content: "\e62b";
        }
        
        .icon-home:before {
          content: "\e653";
        }
        
        .icon-search:before {
          content: "\e65d";
        }
        
        .icon-jiangzhang:before {
          content: "\e6cd";
        }
        
        .icon-jiangbei:before {
          content: "\e66c";
        }
        
        .icon-left:before {
          content: "\e73b";
        }
        
        .icon-duigou:before {
          content: "\e61a";
        }
        
        .icon-weibo:before {
          content: "\e601";
        }
        
        .icon-suo:before {
          content: "\e73a";
        }
        
        .icon-shouji:before {
          content: "\e620";
        }
        
        .icon-close:before {
          content: "\e600";
        }
        
        .icon-qq:before {
          content: "\e614";
        }
        
        .icon-hide:before {
          content: "\e6b3";
        }
        
        
            *{margin: 0;padding: 0;border: 0;list-style: none;text-decoration: none;color: inherit;font-weight: normal;font-family: "微软雅黑";box-sizing: border-box;font-style: normal;outline: none;-webkit-tap-highlight-color: transparent;}
        body{width: 100%;overflow-x: hidden;background: #ffffff;}
        img{vertical-align: middle;max-width: 100%;}
        .top-bar{width: 100%;height: .88rem;line-height: .88rem;text-align: center;position: relative;font-size: .38rem;color: #333333;border-bottom: .01rem solid rgba(236,236,236,.5);}
        .top-bar a{font-size: .4rem;color: #333333;width: .5rem;height: .88rem;position: absolute;top: 0;left: .25rem;z-index: 2;font-weight: bold;}
        .top-bar span{letter-spacing: .02rem;}
        .top-bar i{font-size: .35rem;color: #333333;width: .5rem;height: .88rem;position: absolute;top: 0;right: .3rem;z-index: 2;}
        .top-bar i.on{color: #fa4c42;}
        /* 店铺介绍 */
        .store-desc{width: 100%;padding: .3rem .3rem .1rem .3rem;display: flex;justify-content: flex-start;align-items: center;}
        .store-desc img{width: 1.68rem;height: 1.68rem;border-radius: .05rem;margin-right: .15rem;flex-shrink: 0;}
        .store-desc .desc{width: 100%;}
        .store-desc .desc h3{font-size: .32rem;color: #333333;margin-bottom: .1rem;}
        .store-desc .desc p{font-size: .26rem;color: #999999;line-height: .4rem;}
        /* tab */
        .tab{width: 100%;display: flex;justify-content: space-between;height: .7rem;align-items: center;border-bottom: .01rem solid rgba(236,236,236,.5);}
        .tab p{text-align: center;width: 100%;font-size: .32rem;color: #999999;position: relative;}
        .tab p.on::after{content: "";position: absolute;display: block;width: .7rem;height: .03rem;background: #ffba20;bottom: -.1rem;left: 50%;transform: translateX(-50%);}
        /* 菜单 */
        .menu{width: 100%;display: flex;}
        .menu .type{width: 1.6rem;flex-shrink: 0;}
        .menu .type ul{width: 100%;height: 8.8rem;overflow: hidden;overflow-y: auto;padding-top: .15rem;background: #f9f9f9;}
        .menu .type ul::-webkit-scrollbar{width: 0;}
        .menu .type ul li{width: 100%;height: 1rem;line-height: 1rem;font-size: .26rem;color: #666666;padding-left: .3rem;}
        .menu .type ul li.on{color: #333;background: #ffffff;}
        .menu .list{width: 100%;padding-top: .25rem;padding-left: .25rem;}
        .menu .list h5{font-size: .26rem;color: #666666;padding-bottom: .35rem;}
        .menu .list ul{width: 100%;height: 7.85rem;overflow: hidden;overflow-y: auto;}
        .menu .list ul::-webkit-scrollbar{width: 0;}
        .menu .list ul li{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;margin-bottom: .42rem;}
        .menu .list ul li img{width: 1.4rem;height: 1.4rem;border-radius: .03rem;margin-right: .25rem;flex-shrink: 0;}
        .menu .list ul li .info {height: 1.4rem;width: 100%;padding-right: .3rem;display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;position: relative;}
        .menu .list ul li .info p.title{font-size: .32rem;color: #333333;padding-bottom: .05rem;}
        .menu .list ul li .info span{font-size: .24rem;color: #999999;}
        .menu .list ul li .info span.price{font-size: .36rem;color: #fa4c42;padding-top: .05rem;}
        .menu .list ul li .info .join{position: absolute;right: .3rem;bottom: 0;display: flex;align-items: center;}
        .menu .list ul li .info .join .........完整代码请登录后点击上方下载按钮下载查看

网友评论0