Skip to content

O
OKR
Commit fe7e898c authored by hanfeng zhang's avatar hanfeng zhang
Browse files
Options

init

parent c8d084c9
Hide whitespace changes
Inline Side-by-side
Showing with 1405 additions and 113 deletions
babel.config.js
View file @ fe7e898c
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
],
plugins: [
['import', {
libraryName: 'vant',
libraryDirectory: 'es',
style: true
}, 'vant'],
['import', {
libraryName: 'ant-design-vue',
libraryDirectory: "es",
style: true
}, 'ant-design-vue']
]
}
package-lock.json
View file @ fe7e898c
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
View file @ fe7e898c
......@@ -8,9 +8,12 @@
"lint": "vue-cli-service lint"
},
"dependencies": {
"ant-design-vue": "^1.7.5",
"core-js": "^3.6.5",
"register-service-worker": "^1.7.1",
"vant": "^2.12.22",
"vue": "^2.6.11",
"vue-fragment": "^1.5.2",
"vue-router": "^3.2.0",
"vuex": "^3.4.0"
},
......@@ -18,17 +21,21 @@
"@typescript-eslint/eslint-plugin": "^4.18.0",
"@typescript-eslint/parser": "^4.18.0",
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-eslint": "~4.5.0",
"@vue/cli-plugin-eslint": "^3.1.1",
"@vue/cli-plugin-pwa": "~4.5.0",
"@vue/cli-plugin-router": "~4.5.0",
"@vue/cli-plugin-typescript": "~4.5.0",
"@vue/cli-plugin-vuex": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"@vue/cli-service": "^3.12.1",
"@vue/eslint-config-typescript": "^7.0.0",
"autoprefixer": "^9.8.6",
"babel-plugin-import": "^1.13.3",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^6.2.2",
"less": "^3.0.4",
"less-loader": "^5.0.0",
"postcss": "^7.0.36",
"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.4",
"typescript": "~4.1.5",
"vue-template-compiler": "^2.6.11"
}
......
postcss.config.js 0 → 100644
View file @ fe7e898c
// postcss.config.js
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
}
}
\ No newline at end of file
public/index.html
View file @ fe7e898c
......@@ -5,6 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<script src="//at.alicdn.com/t/font_2629369_2divej2yde9.js"></script>
<title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body>
......
src/App.vue
View file @ fe7e898c
<template>
<div id="app">
<div id="nav">
<router-link to="/">Home</router-link> |
<router-link to="/about">About</router-link>
<div class=" text-red-900">dsflsdjf
<app-icon type="png" class=" h-3"></app-icon>
<app-icon name="icon-dianying" color='#BF463D' size='28px'></app-icon>
</div>
<router-view/>
</div>
</template>
<style lang="less">
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
<script lang="ts">
import Vue from 'vue';
export default Vue.extend({
components:{
'app-icon':()=>import('./components/common/Icon.vue')
},
name: 'App',
#nav {
padding: 30px;
});
</script>
a {
font-weight: bold;
color: #2c3e50;
<style lang="less">
&.router-link-exact-active {
color: #42b983;
}
}
}
</style>
src/assets/icons/shiba.svg 0 → 100644
View file @ fe7e898c
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624608078382" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="809" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M57.690141 515.605634a461.521127 461.521127 0 1 0 923.042253 0 461.521127 461.521127 0 1 0-923.042253 0Z" fill="#FFFFFF" p-id="810"></path><path d="M489.04293 51.290141c-15.95493 0.886986-37.927662 2.906141-39.975662 3.670535-0.847324 0.31369-5.920451 1.211493-11.274817 1.993916-5.357972 0.782423-12.738704 2.087662-16.402028 2.902535-3.663324 0.811268-9.890254 2.185014-13.838423 3.050366-3.948169 0.865352-9.713577 2.264338-12.814423 3.104451-3.100845 0.840113-9.252056 2.498704-13.668957 3.681352-7.936 2.127324-29.248901 9.536901-32.699493 11.368563-0.980732 0.519211-2.271549 0.94107-2.87369 0.941071-0.605746 0-3.263099 0.959099-5.909634 2.127324-7.178817 3.165746-10.57893 4.622423-14.491042 6.194478-3.547944 1.427831-31.300507 14.772282-35.775099 17.198874-2.743887 1.492732-4.150085-0.129803 31.585352 36.496225a3127.140958 3127.140958 0 0 1 27.723718 28.75493c11.343324 12.021183 11.401014 12.064451 14.512676 10.773633 6.093521-2.527549 40.90231-12.727887 49.534198-14.516281 32.515606-6.735324 54.704676-9.237634 96.328112-10.867381 22.921014-0.894197 69.992563 3.162141 96.382197 8.307381 16.218141 3.158535 18.504113 3.64169 22.04124 4.654873 1.972282 0.562479 8.199211 2.174197 13.838422 3.580394 5.635606 1.402592 15.320338 4.182535 21.518423 6.176451 6.198085 1.993915 11.343324 3.627268 11.43707 3.627268 0.093746 0 4.694535-5.419268 10.225578-12.046423a1766.270197 1766.270197 0 0 1 13.676169-16.225352c1.99031-2.300394 5.927662-6.912 8.743662-10.250817 7.08507-8.386704 23.833239-26.548282 30.135887-32.681465 2.877296-2.797972 5.228169-5.563493 5.224564-6.151211-0.010817-1.254761-17.252958-9.792901-40.484057-20.036507-9.472-4.175324-11.815662-5.116394-12.771155-5.116394-0.602141 0-1.896563-0.436282-2.87369-0.973522-7.59707-4.157296-53.399437-17.195268-76.096901-21.659042-38.219718-7.517746-80.452507-10.337352-120.958197-8.080225m411.222535 196.561127c-0.634592 2.091268-2.978254 11.18107-5.210141 20.202366-4.438535 17.938028-7.82062 30.391887-12.518761 46.126873-1.683831 5.635606-4.005859 13.477859-5.163267 17.426028-1.153803 3.944563-5.058704 16.052282-8.678761 26.90524l-6.580281 19.730028 1.921802 3.843605c1.056451 2.116507 5.880789 11.46231 10.71955 20.764846 16.459718 31.657465 28.542197 62.683944 35.043155 90.000225 1.435042 6.02862 3.043155 12.580056 3.573183 14.552338 6.706479 24.979831 11.307268 66.841239 11.429859 104.044169 0.036056 11.274817-0.407437 22.805634-0.991549 25.625239-2.592451 12.558423-3.320789 15.349183-5.826705 22.322479a331.584901 331.584901 0 0 0-3.602028 10.477972c-2.336451 7.633127-14.786704 30.921915-23.01476 43.054873-13.622085 20.090592-18.287775 25.978592-34.920564 44.075268a1597.432789 1597.432789 0 0 0-10.351774 11.336113c-6.54062 7.384338-37.581521 33.975887-50.046198 42.86738-38.08631 27.179268-73.262873 47.478986-111.27707 64.219944-13.153352 5.794254-43.473127 17.397183-45.45262 17.397183-0.450704 0-2.271549 0.649014-4.049127 1.442253-4.01307 1.792-16.928451 5.732958-18.792563 5.732958-0.757183 0-2.181408 0.421859-3.158535 0.937465-1.662197 0.876169-9.410704 2.761915-27.918423 6.793014-4.229408 0.923042-10.485183 2.325634-13.903324 3.122479-3.418141 0.796845-7.802592 1.449465-9.738817 1.45307-1.936225 0.003606-8.13431 0.721127-13.773521 1.590085-29.050592 4.485408-70.06107 0.915831-109.167774-9.500846-8.375887-2.231887-28.909972-8.523718-31.264451-9.580169-1.128563-0.504789-4.355606-1.67662-7.175211-2.599661-26.45093-8.675155-87.072451-37.029859-107.354141-50.208451-2.102085-1.366535-4.085183-2.484282-4.413296-2.484282-0.324507 0-4.088789-2.307606-8.361465-5.127211-4.276282-2.816-7.910761-5.123606-8.076619-5.123606-2.159775 0-36.900056-24.922141-52.717972-37.819493-30.864225-25.163718-42.214761-36.077972-67.180169-64.573296-4.380845-5.00462-15.846761-20.216789-15.846761-21.028056 0-0.266817-2.112901-3.565972-4.694535-7.337465-2.585239-3.771493-4.964958-7.607887-5.29307-8.523718-0.328113-0.915831-1.424225-2.859268-2.433803-4.319549-18.230085-26.357183-22.102535-52.977577-16.308282-112.149634 1.683831-17.195268 8.083831-54.84169 11.235155-66.116507 5.541859-19.809352 10.997183-38.093521 12.378141-41.515268 0.457915-1.128563 1.59369-4.532282 2.523943-7.561014 2.203042-7.178817 11.729127-31.451944 15.936902-40.617465 1.813634-3.944563 6.035831-13.074028 9.385465-20.285295 7.964845-17.144789 7.972056-18.096676 0.385803-38.656-8.101859-21.943887-14.08-40.170366-16.982536-51.762479-0.421859-1.691042-1.795606-6.767775-3.050366-11.278423-3.973408-14.271099-7.157183-27.676845-9.435944-39.755718-1.409803-7.474479-1.305239-7.532169-10.056112 5.783437-14.090817 21.442704-29.49769 49.671211-37.282254 68.315943a484.308732 484.308732 0 0 1-4.745014 10.816902c-1.550423 3.414535-3.140507 7.676394-3.533521 9.472-0.39662 1.792-1.142986 3.522704-1.662197 3.847211-0.522817 0.320901-0.948282 1.294423-0.948282 2.16338 0 0.865352-0.645408 3.032338-1.435042 4.80631-3.760676 8.458817-9.760451 29.677972-16.560676 58.584338-4.719775 20.065352-8.098254 48.632789-10.348169 87.490704-0.980732 16.982535 2.902535 62.496451 7.359098 86.257578 2.794366 14.876845 6.760563 32.508394 9.226817 40.999662 7.467268 25.71538 9.003268 30.359437 13.438198 40.64631 0.768 1.777577 1.39538 3.742648 1.39538 4.370028 0 0.62738 0.447099 1.939831 0.995155 2.920563 0.544451 0.977127 2.902535 6.392789 5.23538 12.028394 23.263549 56.215437 66.823211 116.743211 115.921127 161.074479 18.280563 16.506592 27.05307 23.389746 53.644619 42.088564 6.34231 4.460169 21.622986 13.76631 33.316057 20.296112 6.955268 3.883268 41.709972 21.017239 42.633014 21.01724 0.475944 0 2.678986 0.933859 13.232676 5.610366 6.097127 2.704225 27.107155 9.771268 45.614873 15.349183 76.587268 23.068845 176.896 23.699831 255.751211 1.600902 4.510648-1.265577 9.738817-2.664563 11.617353-3.115268a61.602254 61.602254 0 0 0 6.151211-1.853296c1.503549-0.56969 6.190873-2.066028 10.420282-3.324394 4.229408-1.254761 8.379493-2.632113 9.223211-3.057578 0.847324-0.42907 3.847211-1.568451 6.663211-2.53476a142.134085 142.134085 0 0 0 8.202817-3.090028 1598.233239 1598.233239 0 0 1 12.298817-5.188507c46.613634-19.481239 95.462761-50.962028 133.217352-85.853747 18.460845-17.058254 27.727324-26.638423 44.197859-45.686986 3.486648-4.031099 18.655549-24.172169 26.746592-35.511887 26.851155-37.628394 51.913915-92.855887 65.557633-144.448902 16.182085-61.194817 18.511324-146.424789 5.54186-202.961126-0.519211-2.253521-1.943437-8.711211-3.169352-14.350423-1.225915-5.635606-2.844845-12.324056-3.598423-14.862422-6.421634-21.659042-7.968451-26.656451-9.345803-30.240451-0.865352-2.253521-2.181408-5.71493-2.920563-7.687211-8.642704-23.079662-20.591775-49.519775-29.187606-64.576902-10.791662-18.900732-20.656676-34.70062-26.696113-42.752l-4.770253-6.363943-1.150197 3.800338m-139.325296 189.55538c1.550423 0.237972 4.088789 0.237972 5.639211 0 1.550423-0.234366 0.281239-0.425465-2.819605-0.425465s-4.370028 0.191099-2.819606 0.425465m-114.806986 102.479324c0.987944 0.259606 2.603268 0.259606 3.587606 0 0.987944-0.259606 0.180282-0.468732-1.792-0.468733-1.975887 0-2.779944 0.209127-1.795606 0.468733" fill="#F30504" p-id="811"></path><path d="M139.300056 24.388507c-17.930817 11.822873-29.890704 71.860282-24.406535 122.512225 0.562479 5.181296 1.471099 15.18693 2.022761 22.232338 1.719887 21.947493 4.510648 43.509183 7.770141 59.965296 0.778817 3.948169 1.730704 10.175099 2.112901 13.838423 0.382197 3.66693 1.027606 6.893972 1.438648 7.175211 0.407437 0.284845 1.243944 3.050366 1.856901 6.151211a514.487887 514.487887 0 0 0 9.41431 39.463662c1.254761 4.510648 2.628507 9.58738 3.050366 11.278423 2.902535 11.592113 8.880676 29.818592 16.982536 51.762479 7.586254 20.559324 7.579042 21.511211-0.385803 38.656-3.349634 7.211268-7.571831 16.340732-9.385465 20.285295-4.207775 9.165521-13.733859 33.438648-15.936902 40.617465-0.930254 3.028732-2.066028 6.432451-2.523943 7.561014-1.380958 3.421746-6.836282 21.705915-12.378141 41.515268-1.723493 6.172845-6.00338 28.859493-8.700394 46.126873-2.24631 14.411718-5.967324 54.286423-5.141634 55.112113 0.205521 0.205521 3.767887-0.144225 7.91076-0.778817 15.457352-2.372507 24.514704-2.953014 46.487437-2.971042 25.188958-0.021634 37.282254 1.193465 59.125183 5.934873 37.77262 8.202817 82.244507 34.015549 113.047437 65.615324 6.281014 6.443268 5.754592 6.511775 9.241239-1.186254 29.360676-64.814873 63.85938-102.500958 112.777014-123.19369 31.087775-13.149746 74.582535-15.298704 112.243381-5.545465 50.413972 13.056 93.090254 52.65307 115.823774 107.469522a387.017915 387.017915 0 0 0 4.150085 9.738816c0.530028 1.124958 2.152563 5.257014 3.609239 9.179944 1.45307 3.926535 2.888113 7.532169 3.18738 8.015324 0.299268 0.483155 3.609239-2.044394 7.359099-5.617577 24.002704-22.877746 45.932169-37.170479 80.398423-52.404282 2.134535-0.944676 4.370028-1.716282 4.972169-1.716282 0.598535 0 2.545577-0.645408 4.319549-1.435042 9.508056-4.229408 27.70569-8.610254 48.333521-11.638986 19.495662-2.859268 76.439437-1.701859 85.078535 1.73431 2.743887 1.088901 1.914592-23.404169-1.957859-57.848789-1.838873-16.337127-4.853183-33.528789-7.824225-44.590873-0.530028-1.972282-2.138141-8.523718-3.573183-14.552338-6.500958-27.316282-18.583437-58.342761-35.043155-90.000225a2629.044282 2629.044282 0 0 1-10.71955-20.764846l-1.921802-3.843605 6.580281-19.730028c3.620056-10.852958 7.524958-22.960676 8.678761-26.90524 1.157408-3.948169 3.479437-11.790423 5.163267-17.426028 4.734197-15.853972 8.098254-28.264563 12.504338-46.126873 2.224676-9.021296 4.701746-18.478873 5.505803-21.013634 1.460282-4.611606 2.606873-9.569352 5.339944-23.065239 4.791887-23.649352 7.337465-38.464901 9.068169-52.790085l2.603268-21.525634c1.489127-12.367324 1.579268-58.861972 0.129802-67.656112-2.729465-16.553465-3.407324-19.708394-5.877183-27.269409-6.511775-19.946366-13.600451-31.506028-18.846648-30.727211-2.001127 0.295662-5.942085 0.829296-8.76169 1.186253-4.618817 0.580507-11.689465 2.289577-25.113239 6.064676-31.307718 8.808563-82.496901 41.392676-110.144902 70.115155-2.228282 2.314817-4.651268 4.207775-5.383211 4.207775a1.330479 1.330479 0 0 0-1.326873 1.319662c0 0.728338-2.354479 3.609239-5.231775 6.407211-6.302648 6.133183-23.050817 24.294761-30.135887 32.681465-2.816 3.338817-6.753352 7.950423-8.743662 10.250817-1.993915 2.300394-8.145127 9.601803-13.676169 16.225352-5.531042 6.627155-10.131831 12.046423-10.225578 12.046423-0.093746 0-5.238986-1.633352-11.43707-3.627268a404.177127 404.177127 0 0 0-21.518423-6.176451c-5.639211-1.406197-11.866141-3.017915-13.838422-3.580394-3.537127-1.013183-5.823099-1.496338-22.04124-4.654873-26.389634-5.145239-73.461183-9.201577-96.382197-8.307381-41.623437 1.629746-63.812507 4.132056-96.328112 10.867381-8.631887 1.788394-43.440676 11.988732-49.534198 14.516281-3.111662 1.290817-3.169352 1.247549-14.512676-10.773633a3127.140958 3127.140958 0 0 0-27.723718-28.75493c-29.515718-30.251268-33.846085-34.963831-33.034817-35.95538 0.425465-0.519211 0.353352-0.598535-0.165859-0.176676-0.519211 0.425465-3.998648-2.112901-7.730479-5.635606-37.606761-35.493859-65.150197-56.060394-91.774197-68.535887-19.401915-9.093408-42.560901-13.51031-48.899606-9.327775m355.140507 26.573521c1.557634 0.237972 3.865239 0.230761 5.123606-0.014422 1.261972-0.241577-0.014423-0.432676-2.834028-0.425465-2.816 0.007211-3.847211 0.205521-2.289578 0.439887m-152.251493 290.808789c30.680338 8.166761 52.577352 50.248113 33.654986 64.681465-10.524845 8.026141-47.908056 11.794028-75.909408 7.643943-24.085634-3.565972-27.464113-38.623549-5.650028-58.649239 14.112451-12.962254 31.715155-17.984901 47.90445-13.676169m366.379268 0.126197c32.840113 8.512901 49.750535 45.982648 29.952 66.368901-11.63538 11.977915-77.387718 9.216-89.340394-3.753464-4.575549-4.964958-7.207662-14.729014-5.311099-19.715606 0.540845-1.42062 0.984338-3.547944 0.984338-4.72338 0-3.84 5.397634-13.279549 11.141409-19.484845 15.965746-17.245746 33.748732-23.566423 52.573746-18.691606m62.121465 100.413296c2.87369 10.391437 3.230648 13.668958 3.273915 29.901521l0.046874 16.575099-6.919212 6.281014c-14.076394 12.774761-28.33307 20.638648-53.56169 29.537352-13.971831 4.928901-18.031775 6.06107-41.511662 11.55245-15.251831 3.569577-41.161915 5.181296-54.315267 3.378479l-4.885634-0.670648 0.638197-6.097126c1.45307-13.924958 13.910535-28.069859 39.600676-44.976676 28.012169-18.432 44.082479-27.370366 74.824113-41.616226 10.92507-5.06231 28.145577-9.396282 36.330366-9.143887l5.06231 0.155042 1.417014 5.123606m-482.556395-1.87493c8.649915 1.788394 14.757859 3.695775 21.525634 6.720902 11.527211 5.152451 28.232113 13.654535 39.975662 20.346591a1899.177465 1899.177465 0 0 0 18.309409 10.326535c35.908507 19.733634 57.502648 40.375887 57.535098 54.993127 0.054085 23.476282-117.936676-3.684958-154.259831-35.508281-11.166648-9.782085-13.301183-32.793239-4.907267-52.952339 3.136901-7.532169 3.800338-7.651155 21.821295-3.926535m-240.650816 12.637747c0 1.975887 0.212732 2.783549 0.468732 1.795605a8.361465 8.361465 0 0 0 0-3.587605c-0.256-0.987944-0.468732-0.180282-0.468732 1.792m939.995943 13.838422c0.010817 2.257127 0.223549 3.057577 0.468733 1.784789 0.245183-1.276394 0.234366-3.122479-0.021634-4.103211-0.256-0.977127-0.457915 0.064901-0.447099 2.318422m-944.095549 31.264451c0 1.975887 0.209127 2.779944 0.468732 1.795606a8.473239 8.473239 0 0 0 0-3.587606c-0.259606-0.987944-0.468732-0.180282-0.468732 1.792m946.280563 13.838423c0 6.767775 0.165859 9.399887 0.367775 5.855549 0.201915-3.547944 0.19831-9.082592-0.003606-12.302423-0.201915-3.219831-0.367775-0.317296-0.364169 6.446874m-946.280563 19.989633c0 1.972282 0.209127 2.779944 0.468732 1.792a8.473239 8.473239 0 0 0 0-3.587605c-0.259606-0.984338-0.468732-0.176676-0.468732 1.795605m944.095549 29.212845c0.010817 2.257127 0.223549 3.057577 0.468733 1.784789 0.245183-1.276394 0.234366-3.122479-0.021634-4.103211-0.256-0.977127-0.457915 0.064901-0.447099 2.318422m-62.507267 54.841691c0 2.538366 0.201915 3.573183 0.443493 2.307605a14.570366 14.570366 0 0 0 0-4.615211c-0.241577-1.265577-0.443493-0.230761-0.443493 2.307606m-738.318423 146.904338c0 0.176676 1.499944 1.67662 3.331606 3.331605l3.331605 3.010704-3.010704-3.331605c-2.808789-3.104451-3.652507-3.803944-3.652507-3.010704m648.282141 15.309521l-3.010704 3.331605 3.331605-3.010704c1.831662-1.654986 3.331606-3.15493 3.331606-3.331606 0-0.789634-0.843718-0.093746-3.652507 3.010705m-666.220169 49.974084c2.199437 2.253521 4.233014 4.099606 4.514253 4.099606 0.284845 0-1.287211-1.846085-3.490253-4.099606-2.203042-2.257127-4.233014-4.103211-4.517859-4.103211-0.281239 0 1.290817 1.846085 3.493859 4.103211m25.625239 25.62524c2.203042 2.253521 4.233014 4.099606 4.517859 4.099605 0.281239 0-1.290817-1.846085-3.493859-4.099605-2.199437-2.257127-4.233014-4.099606-4.514253-4.099606-0.281239 0 1.287211 1.842479 3.490253 4.099606m638.54693 5.379605l-3.010704 3.331606 3.331605-3.010704c1.831662-1.654986 3.331606-3.15493 3.331606-3.331606 0-0.789634-0.847324-0.093746-3.652507 3.010704m-317.436394 56.850028c1.276394 0.245183 3.118873 0.234366 4.099605-0.021633 0.980732-0.256-0.061296-0.457915-2.318422-0.447099-2.253521 0.010817-3.057577 0.223549-1.781183 0.468732m-25.124057 61.483268c0.984338 0.259606 2.599662 0.259606 3.587606 0 0.984338-0.256 0.176676-0.468732-1.795606-0.468732s-2.779944 0.212732-1.792 0.468732" fill="#FBA10B" p-id="812"></path><path d="M268.947831 439.014761c-5.509408 7.409577-9.270085 32.108169-6.486535 42.643831 0.537239 2.037183 1.22231 4.914479 1.521577 6.389183 1.146592 5.642817 16.488563 17.487324 34.293183 26.476169 35.537127 17.938028 105.493634 31.989183 122.656451 24.630084l4.838761-2.073239-0.566085-5.484169c-1.373746-13.337239-13.586028-26.295887-41.915493-44.482705-5.455324-3.497465-10.175099-6.363944-10.496-6.363943-0.320901 0-5.545465-2.934986-11.613746-6.522592-23.151775-13.694197-47.980169-26.133634-60.336676-30.229634-12.926197-4.283493-30.384676-7.012958-31.895437-4.982985m484.049127-0.65262c-19.290141 4.009465-45.459831 16.023437-78.909296 36.225803-43.264 26.130028-58.894423 41.284507-60.708056 58.869183l-0.569691 5.502197 11.887775 0.742761c46.444169 2.902535 113.649577-18.287775 142.90569-45.059606l6.407212-5.862761-0.046874-16.571493c-0.043268-15.882817-0.33893-18.688-3.151324-29.641915l-1.247549-4.867606-7.261746 0.118986c-3.991437 0.064901-8.181183 0.310085-9.306141 0.544451m-271.12924 164.928901c-13.575211 4.23662-19.463211 22.221521-15.421295 47.107606 3.104451 19.109859 26.162479 40.220845 53.604957 49.072676 1.604507 0.515606 1.795606 2.210254 1.795606 15.882817v15.309521l-3.465014 2.044394c-1.90738 1.121352-4.97938 4.283493-6.829071 7.020169-1.84969 2.736676-3.511887 5.156056-3.688563 5.376-1.604507 2.011944-39.261746 0.356958-54.185465-2.376112-8.220845-1.507155-32.393014-2.192225-33.633352-0.951888-0.360563 0.360563 0.71031 2.22107 2.38693 4.128451 4.366423 4.975775 6.641577 9.991211 8.628281 19.044958l1.745127 7.943211h4.052733c4.474592 0 4.514254 0.054085 7.59707 10.250817 2.084056 6.883155 8.029746 19.820169 10.625803 23.12293l1.90738 2.426591 1.93262-4.305127c1.70907-3.803944 1.914592-6.71369 1.770366-24.918535l-0.162254-20.609803 5.289465 0.429071c2.906141 0.234366 9.439549 0.865352 14.512676 1.398986 30.09262 3.172958 67.324394 3.172958 93.793352 0 4.225803-0.508394 11.235155-1.215099 15.569127-1.572057l7.881916-0.649014-0.194705 19.76969c-0.183887 18.702423-0.072113 20.000451 2.098479 24.056789 2.376113 4.442141 4.370028 6.446873 4.370028 4.384451 0-0.65262 0.670648-2.639324 1.489127-4.416902 0.822085-1.777577 3.544338-8.534535 6.057465-15.017464l4.564732-11.786817 5.422874-1.647775 5.422873-1.647775 3.234253-11.729126c1.773972-6.450479 3.551549-13.438197 3.940958-15.522254l0.713916-3.793127-15.168902 0.021634c-12.493521 0.018028-15.893634 0.353352-19.311774 1.903775-6.079099 2.765521-14.408113 3.483042-30.820958 2.664563l-14.606423-0.731943-4.662084-6.003381c-2.697014-3.475831-5.761803-6.28462-7.272564-6.663211l-2.610478-0.65262 0.284845-15.507831 0.281239-15.507831 4.099606-1.892957c31.444732-14.519887 40.81938-28.408789 40.93476-60.650367 0.086535-24.514704-2.999887-30.143099-19.052169-34.73307-7.972056-2.278761-77.668958-2.336451-84.923493-0.072113m2.596057 171.905803c0.959099 4.514254 2.765521 6.327887 8.96 8.992451l5.257014 2.264338 3.396507-3.706592c5.916845-6.454085 10.625803-4.589972 17.166422 6.803831 4.164507 7.25093 9.284507 5.862761 19.25769-5.213746 4.597183-5.109183 4.240225-5.083944 9.958761-0.749972l4.579155 3.472225 3.793127-2.725859c4.43493-3.18738 5.494986-4.69093 6.479324-9.169127l0.724732-3.299155h-80.279437l0.706705 3.331606" fill="#060505" p-id="813"></path></svg>
\ No newline at end of file
src/components/HelloWorld.vue deleted 100644 → 0
View file @ c8d084c9
<template>
<div class="hello">
<h1>{{ msg }}</h1>
<p>
For a guide and recipes on how to configure / customize this project,<br>
check out the
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
</p>
<h3>Installed CLI Plugins</h3>
<ul>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa" target="_blank" rel="noopener">pwa</a></li>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-vuex" target="_blank" rel="noopener">vuex</a></li>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-typescript" target="_blank" rel="noopener">typescript</a></li>
</ul>
<h3>Essential Links</h3>
<ul>
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
</ul>
<h3>Ecosystem</h3>
<ul>
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
</ul>
</div>
</template>
<script lang="ts">
import Vue from 'vue';
export default Vue.extend({
name: 'HelloWorld',
props: {
msg: String,
},
});
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
h3 {
margin: 40px 0 0;
}
ul {
list-style-type: none;
padding: 0;
}
li {
display: inline-block;
margin: 0 10px;
}
a {
color: #42b983;
}
</style>
src/components/common/Btn.vue 0 → 100644
View file @ fe7e898c
<template>
<div class="text-xs px-3 py-2 text-center cursor-pointer rounded my-3" :class="getSize && border" @click="eventEmit">
{{text}}
</div>
</template>
<script lang="ts">
import Vue from 'vue';
export default Vue.extend({
name: 'AppIcon',
props: {
size: String,
disabled: {
type:Boolean,
default:false
},
text:{
type: String,
required: true
},
border:{
type: String,
default:'border border-app-dark-4'
}
},
methods:{
eventEmit(v:any){
if(this.disabled){
return
}
this.$emit('btnClicked',v)
}
},
computed:{
getSize(){
switch (this.size) {
case 'full':
return 'w-full'
default:
return 'w-20';
}
}
}
});
</script>
src/components/common/Cell.vue 0 → 100644
View file @ fe7e898c
<template>
<div class="cell flex justify-between py-3 border-t border-b border-app-dark-3 px-2">
<div class="left">hahah</div>
<div class="right">
<Switch default-checked />
</div>
</div>
</template>
<script lang="ts">
import Vue from 'vue';
import { Switch } from 'ant-design-vue'
// Vue.use(Switch)
export default Vue.extend({
components:{ Switch},
props: {
size: String,
type: {
type:String,
default:'select'
},
disabled:{
type:Boolean,
default:false
},
text:{
type: String,
required: true
},
theme:{
type: String,
default:'default'
}
},
methods:{
eventEmit(v:any){
if(this.disabled){
return
}
this.$emit('btnClicked',v)
}
},
computed:{
getSize(){
switch (this.size) {
case 'full':
return 'w-full'
default:
return 'w-20';
}
}
}
});
</script>
src/components/common/Icon.vue 0 → 100644
View file @ fe7e898c
<template>
<fragment>
<div v-if="type==='png'" class=" w-12 ">
<img src="@/assets/icons/shiba.png" class="object-cover object-center " >
</div>
<svg aria-hidden="true" :height="size" :width="size" :fill="color">
<use :xlink:href="'#'+name" ></use>
</svg>
</fragment>
</template>
<script lang="ts">
import Vue,{Component} from 'vue';
import { Plugin } from 'vue-fragment'
Vue.use(Plugin)
export default Vue.extend({
props: {
type: {
type:String,
default:'svg'
},
size:{
type:String,
default:'14px'
},
color:{
type:String,
default:'#000000'
},
name:{
type:String,
default:'icon-anquanzhongxin89'
}
}
});
</script>
src/components/common/Option.vue 0 → 100644
View file @ fe7e898c
<template>
<div class="options py-3">
<div class="flex justify-between">
<div class="inpu-title">选项管理</div>
<div class=" text-xs text-app-red"></div>
</div>
<div class="option-items">
<div class="option-item flex" v-for="(i,index) in value" :key="index">
<div @click="deleteClicked(i,index)">
<app-icon customize type='icon-delete-s' size='24px' color='#BF463D' ></app-icon>
</div>
<div class="pl-3">
<textarea v-model="value[index]" type="text" placeholder="请输入" maxlength="500" rows="2" cols="50" class="w-full text-sm py-2 px-3 mt-2 rounded text-app-blue-1" />
</div>
</div>
</div>
<div class="flex mt-5 justify-center gap-x-1">
<div class='self-start'>
<app-icon customize type='icon-tianjia' size='20px' color='#BF463D' ></app-icon>
</div>
<div class='leading-6' @click="addOption">添加选项</div>
</div>
</div>
</template>
<script lang="ts">
import Vue from 'vue';
// import {remove as _remove} from 'lodash'
export default Vue.extend({
components:{
'app-icon':()=>import('@/components/common/Icon.vue'),
},
data(){
return{
value:['',''] as string[]
}
},
methods:{
deleteClicked(item:any,Click_index:any){
if(this.value.length>2){
this.value.splice(Click_index,1)
}else{
this.$toast.fail('选项不能少于两个')
}
},
addOption(){
this.value.push('')
}
}
});
</script>
src/components/common/Pagination.vue 0 → 100644
View file @ fe7e898c
<template>
<div class="w-full flex items-center justify-center mt-6">
<div class="page-btn text-center text-xs rounded-l-lg flex items-center justify-center border border-solid border-app-blue-3" @click="goPage(1)">
首页
</div>
<van-pagination class="mb-0" v-model="page" :page-count="totalPage" @change="handleChange">
<template #prev-text>
<van-icon name="arrow-left" />
</template>
<template #next-text>
<van-icon name="arrow" />
</template>
</van-pagination>
<div class="page-btn text-center text-xs rounded-r-lg flex items-center justify-center border border-solid border-app-blue-3" @click="goPage(totalPage)">
尾页
</div>
</div>
</template>
<script lang="ts">
import Vue from 'vue'
import { Pagination, Icon } from 'vant'
Vue.use(Pagination)
Vue.use(Icon)
export default Vue.extend({
props: {
currentPage: {
type: Number,
default: 1
},
totalPage: {
type: Number,
default: 5
}
},
computed: {
page: {
get: function() {
return this.currentPage
},
set: function() {
}
}
},
methods: {
handleChange(v: number) {
console.log(v)
this.$emit('handleChange', v)
},
goPage(v: number) {
this.handleChange(v)
}
}
})
</script>
<style scoped>
>>> .van-pagination__item {
min-width: 32px;
height: 36px;
background: #1A0270;
color: #fff;
border: 1px solid #35379F;
border-right: none;
font-size: 12px;
flex-grow: 0
}
>>> .van-pagination__item--active {
background: #0B0A44;
color: #FFBB00;
}
>>> [class*=van-hairline]::after {
border-color: #35379F
}
</style>
\ No newline at end of file
src/components/common/Picker.vue 0 → 100644
View file @ fe7e898c
<template>
<div v-if="show" class="fixed bottom-0 left-0 w-full">
<van-picker
show-toolbar
title="Title"
:columns="columns"
@confirm="onConfirm"
@cancel="onCancel"
@change="onChange"
/>
</div>
</template>
<script lang="ts">
import Vue from "vue";
import { Picker } from 'vant';
Vue.use(Picker);
export default Vue.extend({
data() {
return {
columns: ['Delaware', 'Florida', 'Georqia', 'Indiana', 'Maine'],
show:false
};
},
methods:{
onConfirm() {
console.log(1);
},
onChange() {
console.log(2);
},
onCancel() {
console.log(3);
},
}
});
</script>
src/components/common/Search.vue 0 → 100644
View file @ fe7e898c
<template>
<div class='search flex items-center bg-app-dark-2 bg-opacity-30 text-sm px-3 py-1 rounded-3xl border border-app-blue-3 hover:border-app-blue-2'>
<div class='search-input flex-grow'>
<input type="text" class=" w-full bg-transparent" placeholder="输入项目名称/ID">
</div>
<app-icon size="20px" class="flex-grow-0" color="#ffffff" type='search'></app-icon>
</div>
</template>
<script lang="ts">
import Vue,{Component} from 'vue';
import { Icon } from 'ant-design-vue';
Vue.use(Icon)
const AppIcon = Icon.createFromIconfontCN({
scriptUrl:'/iconfont.js' // generated by iconfont.cn
});
export default Vue.extend({
props: {
},
components:{
'app-icon':AppIcon as Component
}
});
</script>
src/views/Home.vue → src/components/common/Title.vue
View file @ fe7e898c
<template>
<div class="home">
<img alt="Vue logo" src="../assets/logo.png">
<HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
</div>
<div class="text-lg">
{{text}}
</div>
</template>
<script lang="ts">
import Vue from 'vue';
import HelloWorld from '@/components/HelloWorld.vue'; // @ is an alias to /src
export default Vue.extend({
name: 'Home',
components: {
HelloWorld,
name: 'Title',
props: {
text:{
type: String,
required: true
}
},
});
</script>
src/main.ts
View file @ fe7e898c
......@@ -3,7 +3,8 @@ import App from './App.vue'
import './registerServiceWorker'
import router from './router'
import store from './store'
import "tailwindcss/tailwind.css"
import './style.less'
Vue.config.productionTip = false
new Vue({
......
src/router/index.ts
View file @ fe7e898c
import Vue from 'vue'
import VueRouter, { RouteConfig } from 'vue-router'
import Home from '../views/Home.vue'
import App from '../App.vue'
Vue.use(VueRouter)
......@@ -8,16 +8,9 @@ const routes: Array<RouteConfig> = [
{
path: '/',
name: 'Home',
component: Home
component: App
},
{
path: '/about',
name: 'About',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
}
]
const router = new VueRouter({
......
src/views/About.vue deleted 100644 → 0
View file @ c8d084c9
<template>
<div class="about">
<h1>This is an about page</h1>
</div>
</template>
tailwind.config.js 0 → 100644
View file @ fe7e898c
const colors = require('tailwindcss/colors')
module.exports = {
purge: [],
presets: [],
darkMode: false, // or 'media' or 'class'
theme: {
screens: {
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px',
'2xl': '1536px',
},
colors: {
transparent: 'transparent',
current: 'currentColor',
black: colors.black,
white: colors.white,
gray: colors.coolGray,
red: colors.red,
yellow: colors.amber,
green: colors.emerald,
blue: colors.blue,
indigo: colors.indigo,
purple: colors.violet,
pink: colors.pink,
},
spacing: {
px: '1px',
0: '0px',
0.5: '0.125rem',
1: '0.25rem',
1.5: '0.375rem',
2: '0.5rem',
2.5: '0.625rem',
3: '0.75rem',
3.5: '0.875rem',
4: '1rem',
5: '1.25rem',
6: '1.5rem',
7: '1.75rem',
8: '2rem',
9: '2.25rem',
10: '2.5rem',
11: '2.75rem',
12: '3rem',
14: '3.5rem',
16: '4rem',
20: '5rem',
24: '6rem',
28: '7rem',
32: '8rem',
36: '9rem',
40: '10rem',
44: '11rem',
48: '12rem',
52: '13rem',
56: '14rem',
60: '15rem',
64: '16rem',
72: '18rem',
80: '20rem',
96: '24rem',
},
animation: {
none: 'none',
spin: 'spin 1s linear infinite',
ping: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite',
pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
bounce: 'bounce 1s infinite',
},
backdropBlur: (theme) => theme('blur'),
backdropBrightness: (theme) => theme('brightness'),
backdropContrast: (theme) => theme('contrast'),
backdropGrayscale: (theme) => theme('grayscale'),
backdropHueRotate: (theme) => theme('hueRotate'),
backdropInvert: (theme) => theme('invert'),
backdropOpacity: (theme) => theme('opacity'),
backdropSaturate: (theme) => theme('saturate'),
backdropSepia: (theme) => theme('sepia'),
backgroundColor: (theme) => theme('colors'),
backgroundImage: {
none: 'none',
'gradient-to-t': 'linear-gradient(to top, var(--tw-gradient-stops))',
'gradient-to-tr': 'linear-gradient(to top right, var(--tw-gradient-stops))',
'gradient-to-r': 'linear-gradient(to right, var(--tw-gradient-stops))',
'gradient-to-br': 'linear-gradient(to bottom right, var(--tw-gradient-stops))',
'gradient-to-b': 'linear-gradient(to bottom, var(--tw-gradient-stops))',
'gradient-to-bl': 'linear-gradient(to bottom left, var(--tw-gradient-stops))',
'gradient-to-l': 'linear-gradient(to left, var(--tw-gradient-stops))',
'gradient-to-tl': 'linear-gradient(to top left, var(--tw-gradient-stops))',
},
backgroundOpacity: (theme) => theme('opacity'),
backgroundPosition: {
bottom: 'bottom',
center: 'center',
left: 'left',
'left-bottom': 'left bottom',
'left-top': 'left top',
right: 'right',
'right-bottom': 'right bottom',
'right-top': 'right top',
top: 'top',
},
backgroundSize: {
auto: 'auto',
cover: 'cover',
contain: 'contain',
},
blur: {
0: '0',
none: '0',
sm: '4px',
DEFAULT: '8px',
md: '12px',
lg: '16px',
xl: '24px',
'2xl': '40px',
'3xl': '64px',
},
brightness: {
0: '0',
50: '.5',
75: '.75',
90: '.9',
95: '.95',
100: '1',
105: '1.05',
110: '1.1',
125: '1.25',
150: '1.5',
200: '2',
},
borderColor: (theme) => ({
...theme('colors'),
DEFAULT: theme('colors.gray.200', 'currentColor'),
}),
borderOpacity: (theme) => theme('opacity'),
borderRadius: {
none: '0px',
sm: '0.125rem',
DEFAULT: '0.25rem',
md: '0.375rem',
lg: '0.5rem',
xl: '0.75rem',
'2xl': '1rem',
'3xl': '1.5rem',
full: '9999px',
},
borderWidth: {
DEFAULT: '1px',
0: '0px',
2: '2px',
4: '4px',
8: '8px',
},
boxShadow: {
sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
DEFAULT: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
'2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',
none: 'none',
},
caretColor: (theme) => theme('colors'),
contrast: {
0: '0',
50: '.5',
75: '.75',
100: '1',
125: '1.25',
150: '1.5',
200: '2',
},
container: {},
content: {
none: 'none',
},
cursor: {
auto: 'auto',
default: 'default',
pointer: 'pointer',
wait: 'wait',
text: 'text',
move: 'move',
help: 'help',
'not-allowed': 'not-allowed',
},
divideColor: (theme) => theme('borderColor'),
divideOpacity: (theme) => theme('borderOpacity'),
divideWidth: (theme) => theme('borderWidth'),
dropShadow: {
sm: '0 1px 1px rgba(0,0,0,0.05)',
DEFAULT: ['0 1px 2px rgba(0, 0, 0, 0.1)', '0 1px 1px rgba(0, 0, 0, 0.06)'],
md: ['0 4px 3px rgba(0, 0, 0, 0.07)', '0 2px 2px rgba(0, 0, 0, 0.06)'],
lg: ['0 10px 8px rgba(0, 0, 0, 0.04)', '0 4px 3px rgba(0, 0, 0, 0.1)'],
xl: ['0 20px 13px rgba(0, 0, 0, 0.03)', '0 8px 5px rgba(0, 0, 0, 0.08)'],
'2xl': '0 25px 25px rgba(0, 0, 0, 0.15)',
none: '0 0 #0000',
},
fill: { current: 'currentColor' },
grayscale: {
0: '0',
DEFAULT: '100%',
},
hueRotate: {
'-180': '-180deg',
'-90': '-90deg',
'-60': '-60deg',
'-30': '-30deg',
'-15': '-15deg',
0: '0deg',
15: '15deg',
30: '30deg',
60: '60deg',
90: '90deg',
180: '180deg',
},
invert: {
0: '0',
DEFAULT: '100%',
},
flex: {
1: '1 1 0%',
auto: '1 1 auto',
initial: '0 1 auto',
none: 'none',
},
flexGrow: {
0: '0',
DEFAULT: '1',
},
flexShrink: {
0: '0',
DEFAULT: '1',
},
fontFamily: {
sans: [
'ui-sans-serif',
'system-ui',
'-apple-system',
'BlinkMacSystemFont',
'"Segoe UI"',
'Roboto',
'"Helvetica Neue"',
'Arial',
'"Noto Sans"',
'sans-serif',
'"Apple Color Emoji"',
'"Segoe UI Emoji"',
'"Segoe UI Symbol"',
'"Noto Color Emoji"',
],
serif: ['ui-serif', 'Georgia', 'Cambria', '"Times New Roman"', 'Times', 'serif'],
mono: [
'ui-monospace',
'SFMono-Regular',
'Menlo',
'Monaco',
'Consolas',
'"Liberation Mono"',
'"Courier New"',
'monospace',
],
},
fontSize: {
xs: ['0.75rem', { lineHeight: '1rem' }],
sm: ['0.875rem', { lineHeight: '1.25rem' }],
base: ['1rem', { lineHeight: '1.5rem' }],
lg: ['1.125rem', { lineHeight: '1.75rem' }],
xl: ['1.25rem', { lineHeight: '1.75rem' }],
'2xl': ['1.5rem', { lineHeight: '2rem' }],
'3xl': ['1.875rem', { lineHeight: '2.25rem' }],
'4xl': ['2.25rem', { lineHeight: '2.5rem' }],
'5xl': ['3rem', { lineHeight: '1' }],
'6xl': ['3.75rem', { lineHeight: '1' }],
'7xl': ['4.5rem', { lineHeight: '1' }],
'8xl': ['6rem', { lineHeight: '1' }],
'9xl': ['8rem', { lineHeight: '1' }],
},
fontWeight: {
thin: '100',
extralight: '200',
light: '300',
normal: '400',
medium: '500',
semibold: '600',
bold: '700',
extrabold: '800',
black: '900',
},
gap: (theme) => theme('spacing'),
gradientColorStops: (theme) => theme('colors'),
gridAutoColumns: {
auto: 'auto',
min: 'min-content',
max: 'max-content',
fr: 'minmax(0, 1fr)',
},
gridAutoRows: {
auto: 'auto',
min: 'min-content',
max: 'max-content',
fr: 'minmax(0, 1fr)',
},
gridColumn: {
auto: 'auto',
'span-1': 'span 1 / span 1',
'span-2': 'span 2 / span 2',
'span-3': 'span 3 / span 3',
'span-4': 'span 4 / span 4',
'span-5': 'span 5 / span 5',
'span-6': 'span 6 / span 6',
'span-7': 'span 7 / span 7',
'span-8': 'span 8 / span 8',
'span-9': 'span 9 / span 9',
'span-10': 'span 10 / span 10',
'span-11': 'span 11 / span 11',
'span-12': 'span 12 / span 12',
'span-full': '1 / -1',
},
gridColumnEnd: {
auto: 'auto',
1: '1',
2: '2',
3: '3',
4: '4',
5: '5',
6: '6',
7: '7',
8: '8',
9: '9',
10: '10',
11: '11',
12: '12',
13: '13',
},
gridColumnStart: {
auto: 'auto',
1: '1',
2: '2',
3: '3',
4: '4',
5: '5',
6: '6',
7: '7',
8: '8',
9: '9',
10: '10',
11: '11',
12: '12',
13: '13',
},
gridRow: {
auto: 'auto',
'span-1': 'span 1 / span 1',
'span-2': 'span 2 / span 2',
'span-3': 'span 3 / span 3',
'span-4': 'span 4 / span 4',
'span-5': 'span 5 / span 5',
'span-6': 'span 6 / span 6',
'span-full': '1 / -1',
},
gridRowStart: {
auto: 'auto',
1: '1',
2: '2',
3: '3',
4: '4',
5: '5',
6: '6',
7: '7',
},
gridRowEnd: {
auto: 'auto',
1: '1',
2: '2',
3: '3',
4: '4',
5: '5',
6: '6',
7: '7',
},
gridTemplateColumns: {
none: 'none',
1: 'repeat(1, minmax(0, 1fr))',
2: 'repeat(2, minmax(0, 1fr))',
3: 'repeat(3, minmax(0, 1fr))',
4: 'repeat(4, minmax(0, 1fr))',
5: 'repeat(5, minmax(0, 1fr))',
6: 'repeat(6, minmax(0, 1fr))',
7: 'repeat(7, minmax(0, 1fr))',
8: 'repeat(8, minmax(0, 1fr))',
9: 'repeat(9, minmax(0, 1fr))',
10: 'repeat(10, minmax(0, 1fr))',
11: 'repeat(11, minmax(0, 1fr))',
12: 'repeat(12, minmax(0, 1fr))',
},
gridTemplateRows: {
none: 'none',
1: 'repeat(1, minmax(0, 1fr))',
2: 'repeat(2, minmax(0, 1fr))',
3: 'repeat(3, minmax(0, 1fr))',
4: 'repeat(4, minmax(0, 1fr))',
5: 'repeat(5, minmax(0, 1fr))',
6: 'repeat(6, minmax(0, 1fr))',
},
height: (theme) => ({
auto: 'auto',
...theme('spacing'),
'1/2': '50%',
'1/3': '33.333333%',
'2/3': '66.666667%',
'1/4': '25%',
'2/4': '50%',
'3/4': '75%',
'1/5': '20%',
'2/5': '40%',
'3/5': '60%',
'4/5': '80%',
'1/6': '16.666667%',
'2/6': '33.333333%',
'3/6': '50%',
'4/6': '66.666667%',
'5/6': '83.333333%',
full: '100%',
screen: '100vh',
}),
inset: (theme, { negative }) => ({
auto: 'auto',
...theme('spacing'),
...negative(theme('spacing')),
'1/2': '50%',
'1/3': '33.333333%',
'2/3': '66.666667%',
'1/4': '25%',
'2/4': '50%',
'3/4': '75%',
full: '100%',
'-1/2': '-50%',
'-1/3': '-33.333333%',
'-2/3': '-66.666667%',
'-1/4': '-25%',
'-2/4': '-50%',
'-3/4': '-75%',
'-full': '-100%',
}),
keyframes: {
spin: {
to: {
transform: 'rotate(360deg)',
},
},
ping: {
'75%, 100%': {
transform: 'scale(2)',
opacity: '0',
},
},
pulse: {
'50%': {
opacity: '.5',
},
},
bounce: {
'0%, 100%': {
transform: 'translateY(-25%)',
animationTimingFunction: 'cubic-bezier(0.8,0,1,1)',
},
'50%': {
transform: 'none',
animationTimingFunction: 'cubic-bezier(0,0,0.2,1)',
},
},
},
letterSpacing: {
tighter: '-0.05em',
tight: '-0.025em',
normal: '0em',
wide: '0.025em',
wider: '0.05em',
widest: '0.1em',
},
lineHeight: {
none: '1',
tight: '1.25',
snug: '1.375',
normal: '1.5',
relaxed: '1.625',
loose: '2',
3: '.75rem',
4: '1rem',
5: '1.25rem',
6: '1.5rem',
7: '1.75rem',
8: '2rem',
9: '2.25rem',
10: '2.5rem',
},
listStyleType: {
none: 'none',
disc: 'disc',
decimal: 'decimal',
},
margin: (theme, { negative }) => ({
auto: 'auto',
...theme('spacing'),
...negative(theme('spacing')),
}),
maxHeight: (theme) => ({
...theme('spacing'),
full: '100%',
screen: '100vh',
}),
maxWidth: (theme, { breakpoints }) => ({
none: 'none',
0: '0rem',
xs: '20rem',
sm: '24rem',
md: '28rem',
lg: '32rem',
xl: '36rem',
'2xl': '42rem',
'3xl': '48rem',
'4xl': '56rem',
'5xl': '64rem',
'6xl': '72rem',
'7xl': '80rem',
full: '100%',
min: 'min-content',
max: 'max-content',
prose: '65ch',
...breakpoints(theme('screens')),
}),
minHeight: {
0: '0px',
full: '100%',
screen: '100vh',
},
minWidth: {
0: '0px',
full: '100%',
min: 'min-content',
max: 'max-content',
},
objectPosition: {
bottom: 'bottom',
center: 'center',
left: 'left',
'left-bottom': 'left bottom',
'left-top': 'left top',
right: 'right',
'right-bottom': 'right bottom',
'right-top': 'right top',
top: 'top',
},
opacity: {
0: '0',
5: '0.05',
10: '0.1',
20: '0.2',
25: '0.25',
30: '0.3',
40: '0.4',
50: '0.5',
60: '0.6',
70: '0.7',
75: '0.75',
80: '0.8',
90: '0.9',
95: '0.95',
100: '1',
},
order: {
first: '-9999',
last: '9999',
none: '0',
1: '1',
2: '2',
3: '3',
4: '4',
5: '5',
6: '6',
7: '7',
8: '8',
9: '9',
10: '10',
11: '11',
12: '12',
},
outline: {
none: ['2px solid transparent', '2px'],
white: ['2px dotted white', '2px'],
black: ['2px dotted black', '2px'],
},
padding: (theme) => theme('spacing'),
placeholderColor: (theme) => theme('colors'),
placeholderOpacity: (theme) => theme('opacity'),
ringColor: (theme) => ({
DEFAULT: theme('colors.blue.500', '#3b82f6'),
...theme('colors'),
}),
ringOffsetColor: (theme) => theme('colors'),
ringOffsetWidth: {
0: '0px',
1: '1px',
2: '2px',
4: '4px',
8: '8px',
},
ringOpacity: (theme) => ({
DEFAULT: '0.5',
...theme('opacity'),
}),
ringWidth: {
DEFAULT: '3px',
0: '0px',
1: '1px',
2: '2px',
4: '4px',
8: '8px',
},
rotate: {
'-180': '-180deg',
'-90': '-90deg',
'-45': '-45deg',
'-12': '-12deg',
'-6': '-6deg',
'-3': '-3deg',
'-2': '-2deg',
'-1': '-1deg',
0: '0deg',
1: '1deg',
2: '2deg',
3: '3deg',
6: '6deg',
12: '12deg',
45: '45deg',
90: '90deg',
180: '180deg',
},
saturate: {
0: '0',
50: '.5',
100: '1',
150: '1.5',
200: '2',
},
scale: {
0: '0',
50: '.5',
75: '.75',
90: '.9',
95: '.95',
100: '1',
105: '1.05',
110: '1.1',
125: '1.25',
150: '1.5',
},
sepia: {
0: '0',
DEFAULT: '100%',
},
skew: {
'-12': '-12deg',
'-6': '-6deg',
'-3': '-3deg',
'-2': '-2deg',
'-1': '-1deg',
0: '0deg',
1: '1deg',
2: '2deg',
3: '3deg',
6: '6deg',
12: '12deg',
},
space: (theme, { negative }) => ({
...theme('spacing'),
...negative(theme('spacing')),
}),
stroke: {
current: 'currentColor',
},
strokeWidth: {
0: '0',
1: '1',
2: '2',
},
textColor: (theme) => theme('colors'),
textOpacity: (theme) => theme('opacity'),
transformOrigin: {
center: 'center',
top: 'top',
'top-right': 'top right',
right: 'right',
'bottom-right': 'bottom right',
bottom: 'bottom',
'bottom-left': 'bottom left',
left: 'left',
'top-left': 'top left',
},
transitionDelay: {
75: '75ms',
100: '100ms',
150: '150ms',
200: '200ms',
300: '300ms',
500: '500ms',
700: '700ms',
1000: '1000ms',
},
transitionDuration: {
DEFAULT: '150ms',
75: '75ms',
100: '100ms',
150: '150ms',
200: '200ms',
300: '300ms',
500: '500ms',
700: '700ms',
1000: '1000ms',
},
transitionProperty: {
none: 'none',
all: 'all',
DEFAULT:
'background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
colors: 'background-color, border-color, color, fill, stroke',
opacity: 'opacity',
shadow: 'box-shadow',
transform: 'transform',
},
transitionTimingFunction: {
DEFAULT: 'cubic-bezier(0.4, 0, 0.2, 1)',
linear: 'linear',
in: 'cubic-bezier(0.4, 0, 1, 1)',
out: 'cubic-bezier(0, 0, 0.2, 1)',
'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',
},
translate: (theme, { negative }) => ({
...theme('spacing'),
...negative(theme('spacing')),
'1/2': '50%',
'1/3': '33.333333%',
'2/3': '66.666667%',
'1/4': '25%',
'2/4': '50%',
'3/4': '75%',
full: '100%',
'-1/2': '-50%',
'-1/3': '-33.333333%',
'-2/3': '-66.666667%',
'-1/4': '-25%',
'-2/4': '-50%',
'-3/4': '-75%',
'-full': '-100%',
}),
width: (theme) => ({
auto: 'auto',
...theme('spacing'),
'1/2': '50%',
'1/3': '33.333333%',
'2/3': '66.666667%',
'1/4': '25%',
'2/4': '50%',
'3/4': '75%',
'1/5': '20%',
'2/5': '40%',
'3/5': '60%',
'4/5': '80%',
'1/6': '16.666667%',
'2/6': '33.333333%',
'3/6': '50%',
'4/6': '66.666667%',
'5/6': '83.333333%',
'1/12': '8.333333%',
'2/12': '16.666667%',
'3/12': '25%',
'4/12': '33.333333%',
'5/12': '41.666667%',
'6/12': '50%',
'7/12': '58.333333%',
'8/12': '66.666667%',
'9/12': '75%',
'10/12': '83.333333%',
'11/12': '91.666667%',
full: '100%',
screen: '100vw',
min: 'min-content',
max: 'max-content',
}),
zIndex: {
auto: 'auto',
0: '0',
10: '10',
20: '20',
30: '30',
40: '40',
50: '50',
},
},
variantOrder: [
'first',
'last',
'odd',
'even',
'visited',
'checked',
'empty',
'read-only',
'group-hover',
'group-focus',
'focus-within',
'hover',
'focus',
'focus-visible',
'active',
'disabled',
],
variants: {
accessibility: ['responsive', 'focus-within', 'focus'],
alignContent: ['responsive'],
alignItems: ['responsive'],
alignSelf: ['responsive'],
animation: ['responsive'],
appearance: ['responsive'],
backdropBlur: ['responsive'],
backdropBrightness: ['responsive'],
backdropContrast: ['responsive'],
backdropDropShadow: ['responsive'],
backdropFilter: ['responsive'],
backdropGrayscale: ['responsive'],
backdropHueRotate: ['responsive'],
backdropInvert: ['responsive'],
backdropSaturate: ['responsive'],
backdropSepia: ['responsive'],
backgroundAttachment: ['responsive'],
backgroundBlendMode: ['responsive'],
backgroundClip: ['responsive'],
backgroundColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
backgroundImage: ['responsive'],
backgroundOpacity: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
backgroundPosition: ['responsive'],
backgroundRepeat: ['responsive'],
backgroundSize: ['responsive'],
backgroundOrigin: ['responsive'],
blur: ['responsive'],
borderCollapse: ['responsive'],
borderColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
borderOpacity: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
borderRadius: ['responsive'],
borderStyle: ['responsive'],
borderWidth: ['responsive'],
boxDecorationBreak: ['responsive'],
boxShadow: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'],
boxSizing: ['responsive'],
brightness: ['responsive'],
clear: ['responsive'],
container: ['responsive'],
contrast: ['responsive'],
cursor: ['responsive'],
display: ['responsive'],
divideColor: ['responsive', 'dark'],
divideOpacity: ['responsive', 'dark'],
divideStyle: ['responsive'],
divideWidth: ['responsive'],
dropShadow: ['responsive'],
fill: ['responsive'],
filter: ['responsive'],
flex: ['responsive'],
flexDirection: ['responsive'],
flexGrow: ['responsive'],
flexShrink: ['responsive'],
flexWrap: ['responsive'],
float: ['responsive'],
fontFamily: ['responsive'],
fontSize: ['responsive'],
fontSmoothing: ['responsive'],
fontStyle: ['responsive'],
fontVariantNumeric: ['responsive'],
fontWeight: ['responsive'],
gap: ['responsive'],
gradientColorStops: ['responsive', 'dark', 'hover', 'focus'],
grayscale: ['responsive'],
gridAutoColumns: ['responsive'],
gridAutoFlow: ['responsive'],
gridAutoRows: ['responsive'],
gridColumn: ['responsive'],
gridColumnEnd: ['responsive'],
gridColumnStart: ['responsive'],
gridRow: ['responsive'],
gridRowEnd: ['responsive'],
gridRowStart: ['responsive'],
gridTemplateColumns: ['responsive'],
gridTemplateRows: ['responsive'],
height: ['responsive'],
hueRotate: ['responsive'],
inset: ['responsive'],
invert: ['responsive'],
isolation: ['responsive'],
justifyContent: ['responsive'],
justifyItems: ['responsive'],
justifySelf: ['responsive'],
letterSpacing: ['responsive'],
lineHeight: ['responsive'],
listStylePosition: ['responsive'],
listStyleType: ['responsive'],
margin: ['responsive'],
maxHeight: ['responsive'],
maxWidth: ['responsive'],
minHeight: ['responsive'],
minWidth: ['responsive'],
mixBlendMode: ['responsive'],
objectFit: ['responsive'],
objectPosition: ['responsive'],
opacity: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'],
order: ['responsive'],
outline: ['responsive', 'focus-within', 'focus'],
overflow: ['responsive'],
overscrollBehavior: ['responsive'],
padding: ['responsive'],
placeContent: ['responsive'],
placeItems: ['responsive'],
placeSelf: ['responsive'],
placeholderColor: ['responsive', 'dark', 'focus'],
placeholderOpacity: ['responsive', 'dark', 'focus'],
pointerEvents: ['responsive'],
position: ['responsive'],
resize: ['responsive'],
ringColor: ['responsive', 'dark', 'focus-within', 'focus'],
ringOffsetColor: ['responsive', 'dark', 'focus-within', 'focus'],
ringOffsetWidth: ['responsive', 'focus-within', 'focus'],
ringOpacity: ['responsive', 'dark', 'focus-within', 'focus'],
ringWidth: ['responsive', 'focus-within', 'focus'],
rotate: ['responsive', 'hover', 'focus'],
saturate: ['responsive'],
scale: ['responsive', 'hover', 'focus'],
sepia: ['responsive'],
skew: ['responsive', 'hover', 'focus'],
space: ['responsive'],
stroke: ['responsive'],
strokeWidth: ['responsive'],
tableLayout: ['responsive'],
textAlign: ['responsive'],
textColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
textDecoration: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'],
textOpacity: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
textOverflow: ['responsive'],
textTransform: ['responsive'],
transform: ['responsive'],
transformOrigin: ['responsive'],
transitionDelay: ['responsive'],
transitionDuration: ['responsive'],
transitionProperty: ['responsive'],
transitionTimingFunction: ['responsive'],
translate: ['responsive', 'hover', 'focus'],
userSelect: ['responsive'],
verticalAlign: ['responsive'],
visibility: ['responsive'],
whitespace: ['responsive'],
width: ['responsive'],
wordBreak: ['responsive'],
zIndex: ['responsive', 'focus-within', 'focus'],
},
plugins: [],
}
vue.config.js 0 → 100644
View file @ fe7e898c
module.exports = {
// ...other vue-cli plugin options...
css: {
loaderOptions: {
less: {
javascriptEnabled: true, // 加载LESS 需要把JS设置一下
}
}
},
// pwa: {
// name: 'My App',
// themeColor: '#4DBA87',
// msTileColor: '#000000',
// appleMobileWebAppCapable: 'yes',
// appleMobileWebAppStatusBarStyle: 'black',
// manifestOptions:{
// display: 'standalone',
// theme_color: '#333333'
// },
// // configure the workbox plugin
// workboxPluginMode: 'InjectManifest',
// workboxOptions: {
// // swSrc is required in InjectManifest mode.
// swSrc: 'dev/sw.js',
// // ...other Workbox options...
// }
// }
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment