Unicode 引用
52 |53 | 54 |
Unicode 是字体在网页端最原始的应用方式，特点是：
55 |-
56 |
- 兼容性最好，支持 IE6+，及所有现代浏览器。 57 |
- 支持按字体的方式去动态调整图标大小，颜色等等。 58 |
- 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。 59 |
61 |63 |注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式
62 |
Unicode 使用步骤如下：
64 |第一步：拷贝项目下面生成的 @font-face
65 | @font-face {
67 | font-family: 'iconfont';
68 | src: url('iconfont.eot');
69 | src: url('iconfont.eot?#iefix') format('embedded-opentype'),
70 | url('iconfont.woff2') format('woff2'),
71 | url('iconfont.woff') format('woff'),
72 | url('iconfont.ttf') format('truetype'),
73 | url('iconfont.svg#iconfont') format('svg');
74 | }
75 | 第二步：定义使用 iconfont 的样式
77 |.iconfont {
79 | font-family: "iconfont" !important;
80 | font-size: 16px;
81 | font-style: normal;
82 | -webkit-font-smoothing: antialiased;
83 | -moz-osx-font-smoothing: grayscale;
84 | }
85 | 第三步：挑选相应图标并获取字体编码，应用于页面
87 |
88 | <span class="iconfont">3</span>
90 |
91 | 92 |94 |"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。
93 |
272 |
273 | ####创作不易，五星好评你懂得！
274 |
--------------------------------------------------------------------------------
/utils/request/request.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Request 1.0.2
3 | * @Class Request
4 | * @description luch-request 1.0.2 http请求插件
5 |
6 | */
7 | import {
8 | TOKEN
9 | } from '@/utils/storageTypes.js'
10 | export default class Request {
11 | config = {
12 | baseUrl: '',
13 | header: {
14 | 'content-type': 'application/json;charset=UTF-8'
15 | },
16 | method: 'GET',
17 | dataType: 'json',
18 | responseType: 'text'
19 | }
20 |
21 | // uni.getlo
22 | // var token = getLocal(TOKEN)
23 | // console.log(Window.localStorage.getItem(TOKEN))
24 | // if (Window.localStorage.getItem(TOKEN)) {
25 | // config.headers.token = Window.localStorage.getItem(TOKEN)
26 | // }
27 | // if (config.headers.token = `${store.state.token}`;)
28 | static posUrl (url) { /* 判断url是否为绝对路径 */
29 | return /(http|https):\/\/([\w.]+\/?)\S*/.test(url)
30 | }
31 |
32 | static addQueryString (params) {
33 | let paramsData = ''
34 | Object.keys(params).forEach(function (key) {
35 | paramsData += key + '=' + params[key] + '&'
36 | })
37 | return paramsData.substring(0, paramsData.length - 1)
38 | }
39 |
40 | /**
41 | * @property {Function} request 请求拦截器
42 | * @property {Function} response 响应拦截器
43 | * @type {{request: Request.interceptor.request, response: Request.interceptor.response}}
44 | */
45 | interceptor = {
46 | /**
47 | * @param {Request~requestCallback} cb - 请求之前拦截,接收一个函数（config, cancel）=> {return config}。第一个参数为全局config,第二个参数为函数，调用则取消本次请求。
48 | */
49 | request: (cb) => {
50 | if (cb) {
51 | this.requestBeforeFun = cb
52 | }
53 | },
54 | /**
55 | * @param {Request~responseCallback} cb 响应拦截器，对响应数据做点什么
56 | * @param {Request~responseErrCallback} ecb 响应拦截器，对响应错误做点什么
57 | */
58 | response: (cb, ecb) => {
59 | if (cb && ecb) {
60 | this.requestComFun = cb
61 | this.requestComFail = ecb
62 | }
63 | }
64 | }
65 |
66 | requestBeforeFun (config) {
67 | return config
68 | }
69 |
70 | requestComFun (response) {
71 | return response
72 | }
73 |
74 | requestComFail (response) {
75 | return response
76 | }
77 |
78 | /**
79 | * 自定义验证器，如果返回true 则进入响应拦截器的响应成功函数(resolve)，否则进入响应拦截器的响应错误函数(reject)
80 | * @param { Number } statusCode - 请求响应体statusCode（只读）
81 | * @return { Boolean } 如果为true,则 resolve, 否则 reject
82 | */
83 | validateStatus (statusCode) {
84 | return statusCode === 200
85 | }
86 |
87 | /**
88 | * @Function
89 | * @param {Request~setConfigCallback} f - 设置全局默认配置
90 | */
91 | setConfig (f) {
92 | this.config = f(this.config)
93 | }
94 |
95 | /**
96 | * @Function
97 | * @param {Object} options - 请求配置项
98 | * @prop {String} options.url - 请求路径
99 | * @prop {Object} options.data - 请求参数
100 | * @prop {Object} [options.responseType = config.responseType] [text|arraybuffer] - 响应的数据类型
101 | * @prop {Object} [options.dataType = config.dataType] - 如果设为 json，会尝试对返回的数据做一次 JSON.parse
102 | * @prop {Object} [options.header = config.header] - 请求header
103 | * @prop {Object} [options.method = config.method] - 请求方法
104 | * @returns {Promise