基于Vue和Java的创创猫社区团购商城前端设计源码

共332个文件

vue：195个

png：54个

js：51个

版权申诉

Vue

Java

社区团购

商城设计

源码

111 浏览量 2024-04-17 06:46:53 上传评论收藏 2.46MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于Vue和Java的创创猫社区团购商城前端设计源码（332个子文件）

iconfont.css 44KB

demo.css 8KB

uniicons.css 8KB

style.css 1KB

iconfont.css 980B

demo_index.html 18KB

errorImage.jpg 2KB

area.js 223KB

area.js 122KB

qrcode.js 41KB

async-validator.js 33KB

weCropper.js 31KB

index.js 26KB

api.js 26KB

icons.js 26KB

city.js 23KB

iconfont.js 18KB

util.js 18KB

city.js 14KB

w-picker.js 14KB

ican-H5Api.js 14KB

index.original.js 13KB

md5.js 12KB

html-parser.js 10KB

bindingx.js 6KB

index.js 5KB

index.js 4KB

test.js 3KB

mpother.js 3KB

route.js 3KB

colorGradient.js 3KB

index.js 2KB

emitter.js 2KB

province.js 2KB

guid.js 2KB

mp.js 2KB

timeFrom.js 2KB

queryParams.js 1KB

timeFormat.js 1KB

main.js 990B

type2icon.js 976B

color.js 856B

deepMerge.js 789B

bem.js 788B

getParent.js 757B

mixin.js 665B

deepClone.js 658B

index.js 484B

addUnit.js 374B

trim.js 339B

zIndex.js 329B

mpShare.js 283B

randomArray.js 228B

random.js 196B

config.js 194B

toast.js 139B

Json.js 100B

pages.json 12KB

manifest.json 6KB

iconfont.json 2KB

package.json 2KB

package.json 1KB

package-lock.json 578B

LICENSE 34KB

LICENSE 1KB

custom-load-more.nvue 1KB

recruit.png 152KB

poster.png 6KB

missing-face.png 4KB

gift.png 3KB

ic-wechat.png 3KB

circle-of-friends.png 3KB

share-f.png 3KB

used.png 3KB

expired.png 3KB

emptyCart.png 3KB

kefu.png 3KB

seckill-price.png 3KB

tab-cart.png 3KB

lok2.png 3KB

seckill.png 3KB

point.png 3KB

pintuan.png 3KB

jifen.png 2KB

tab-find.png 2KB

hot.png 2KB

new-product.png 2KB

tab-find-current.png 2KB

tab-cart-current.png 2KB

nav.png 2KB

recommend.png 2KB

live.png 2KB

notice_announcement.png 2KB

mall.png 2KB

sign.png 2KB

redstar.png 2KB

notice_system.png 2KB

star.png 2KB

tab-my.png 2KB

共 332 条

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>iconfont Demo</title> <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/> <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/> <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css"> <link rel="stylesheet" href="demo.css"> <link rel="stylesheet" href="iconfont.css"> <script src="iconfont.js"></script>  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script> <style> .main .logo { margin-top: 0; height: auto; } .main .logo a { display: flex; align-items: center; } .main .logo .sub-title { margin-left: 0.5em; font-size: 22px; color: #fff; background: linear-gradient(-45deg, #3967FF, #B500FE); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } </style> </head> <body> <div class="main"> <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank"> <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg"> </a></h1> <div class="nav-tabs"> <ul id="tabs" class="dib-box"> <li class="dib active"><span>Unicode</span></li> <li class="dib"><span>Font class</span></li> <li class="dib"><span>Symbol</span></li> </ul> <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4319228" target="_blank" class="nav-more">查看项目</a> </div> <div class="tab-container"> <div class="content unicode" style="display: block;"> <ul class="icon_lists dib-box"> <li class="dib"> <span class="icon custom-icon"></span> <div class="name">order-inspection-fill</div> <div class="code-name">&#xe833;</div> </li> <li class="dib"> <span class="icon custom-icon"></span> <div class="name">order-fill</div> <div class="code-name">&#xe834;</div> </li> <li class="dib"> <span class="icon custom-icon"></span> <div class="name">order-success-fill</div> <div class="code-name">&#xe835;</div> </li> <li class="dib"> <span class="icon custom-icon"></span> <div class="name">order-rejected-fill</div> <div class="code-name">&#xe836;</div> </li> <li class="dib"> <span class="icon custom-icon"></span> <div class="name">order-location-fill</div> <div class="code-name">&#xe837;</div> </li> <li class="dib"> <span class="icon custom-icon"></span> <div class="name">微信支付</div> <div class="code-name">&#xeb7d;</div> </li> <li class="dib"> <span class="icon custom-icon"></span> <div class="name">支付-支付宝</div> <div class="code-name">&#xe6bd;</div> </li> <li class="dib"> <span class="icon custom-icon"></span> <div class="name">扫码</div> <div class="code-name">&#xe623;</div> </li> <li class="dib"> <span class="icon custom-icon"></span> <div class="name">分享</div> <div class="code-name">&#xe61c;</div> </li> <li class="dib"> <span class="icon custom-icon"></span> <div class="name">退款</div> <div class="code-name">&#xe600;</div> </li> <li class="dib"> <span class="icon custom-icon"></span> <div class="name">余额支付</div> <div class="code-name">&#xe653;</div> </li> <li class="dib"> <span class="icon custom-icon"></span> <div class="name">20积分</div> <div class="code-name">&#xe897;</div> </li> <li class="dib"> <span class="icon custom-icon"></span> <div class="name">减号</div> <div class="code-name">&#xeaf5;</div> </li> <li class="dib"> <span class="icon custom-icon"></span> <div class="name">plus</div> <div class="code-name">&#xe8fe;</div> </li> </ul> <div class="article markdown"> <h2 id="unicode-">Unicode 引用</h2> <hr> <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p> <ul> <li>支持按字体的方式去动态调整图标大小，颜色等等。</li> <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li> </ul> <blockquote> <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p> </blockquote> <p>Unicode 使用步骤如下：</p> <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3> <pre><code class="language-css" >@font-face { font-family: 'custom-icon'; src: url('iconfont.ttf?t=1699341639834') format('truetype'); } </code></pre> <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3> <pre><code class="language-css" >.custom-icon { font-family: "custom-icon" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } </code></pre> <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3> <pre> <code class="language-html" ><span class="custom-icon">&#x33;</span> </code></pre> <blockquote> <p>"custom-icon" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p> </blockquote> </div> </div> <div class="content font-class"> <ul class="icon_lists dib-box"> <li class="dib"> <span class="icon custom-icon icon-order-search"></span> <div class="name"> order-inspection-fill </div> <div class="code-name">.icon-order-search </div> </li> <li class="dib"> <span class="icon custom-icon icon-order-all"></span> <div class="name"> order-fill </div> <div class="code-name">.icon-order-all </div> </li> <li class="dib"> <span class="icon custom-icon icon-order-complete"></span> <div class="name"> order-success-fill </div> <div class="code-name">.icon-order-complete </div> </li> <li class="dib"> <span clas

评论收藏

内容反馈

版权申诉