Vue3封装一个通用的购物类网站的底部导航组件

最新推荐文章于 2024-06-24 16:48:53 发布

丹丹呀～～

最新推荐文章于 2024-06-24 16:48:53 发布

阅读量280

点赞数

文章标签： javascript html5 vue.js

本文链接：https://blog.youkuaiyun.com/weixin_55690518/article/details/120264484

版权

这是一个手动封装的电商类底部导航组件，包含联系客服、关注我们、下载APP和服务热线四大模块，提供在线客服、问题反馈、公众号、微博、APP二维码、下载链接及服务热线等服务。组件使用了Vue.js，样式采用Less编写，具有良好的视觉效果和用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

手动封装一个通用的电商类底部导航组件

<template>
  <footer class="app_footer">
    <!-- 联系我们 -->
    <div class="contact">
      <div class="container">
        <dl>
          <dt>客户服务</dt>
          <dd><i class="iconfont icon-kefu"></i> 在线客服</dd>
          <dd><i class="iconfont icon-question"></i> 问题反馈</dd>
        </dl>
        <dl>
          <dt>关注我们</dt>
          <dd><i class="iconfont icon-weixin"></i> 公众号</dd>
          <dd><i class="iconfont icon-weibo"></i> 微博</dd>
        </dl>
        <dl>
          <dt>下载APP</dt>
          <dd class="qrcode"><img src="@/assets/images/qrcode.jpg" /></dd>
          <dd class="d