- 博客(9)
- 收藏
- 关注
RSS订阅原创 【vue】图标自动变换显示不同图片
我们浏览一些购物App或者社交App时，经常会看到一些图标会自动的变换，除了使用GIF实现，也可以使用定时器实现，先看效果～具体教程：第一步先去阿里矢量素材库下载几张自己喜欢的矢量图，下载格式我选择的是svg格式。下载好之后放到项目的static文件夹中。第二步，写好html布局，使用image标签来放矢量图，在data中定义path数组，里面的数组元素为矢量图的存放路径，再定义一个count，然后src动态绑定path：第三步，在mounted钩子里创建一个定时器，使图动起来。if条件根据自
2022-04-11 10:42:00
1653
2
原创 【uview】将tabs组件的标签从文字修改为图标
先看效果：原组件标题是文字：最终效果：标题为图标：先从阿里矢图库里选择自己需要的图标，添加到项目中，然后下载项目文件。具体参考：https://www.uviewui.com/guide/customIcon.html在uniapp项目的根目录创建一个common文件夹，在里面创建css文件夹，将下载好的图标项目文件解压后拷贝到css文件夹下，如图：打开iconfont.css,修改路径：然后将这个css文件引入到APP.vue中。接着打开uview-ui/components
2022-04-02 11:29:11
3136
原创 uniapp项目中点击加入购物车前进行登录检查，登陆成功后返回原浏览页面
一、项目背景项目使用uni-starter项目模板实现用户的登录、注册等功能。二、需求想要实现在商品详情页点击底部商品导航栏的“加入购物车”、“立即购买”按钮时，进行登录检测，如果没有登录，则跳转到登陆界面进行登录，否则商品sku不弹出不能进行商品规格的选择，登录成功后返回原浏览页面（商品详情页），此时再点击底部商品导航栏的“加入购物车”、“立即购买”就能进行商品规格选择了。三、思路与解决思路：HBuilderX 2.8.0版本起token存储在storage内，当用户登录成功后可以在localS
2021-07-24 10:56:23
1923
5
原创 axios请求报Uncaught (in promise) Error: Request failed with status code 404
axios请求报Uncaught (in promise) Error: Request failed with status code 404情景：react+axios提交表单，使用axios处理请求时，出现报错：原因：前后台端口号不同，需要解决跨域问题解决： 配置 ajax 请求的代理: package.json"proxy": "http://localhost:4000"重新启动项目...
2021-03-09 10:25:12
10437
转载 React中低版本的webpack配置less的方案
React中低版本的webpack配置less的方案如果用create-react-app创建出react项目，那么如下所示，所有安装的的东西会放在scripts中其中"scripts"帮你自动下载需要的 webpack-dev-server 依赖,包括开始start，打包build，测试test，配置都放在eject中，所以如果想要配置自带的依赖外的less的东西需要暴露出eject依赖文件yarn less-loader或者npm install less-loader//先安装依赖yarn
2021-03-07 23:15:55
158
原创 antd组件的按需打包步骤
下载依赖模块yarn add react-app-rewired@2.0.2-next.0yarn add babel-plugin-import定义加载配置的 js 模块: config-overrides.js在React项目根目录创建config-overrides.js：const {injectBabelPlugin}=require(‘react-app-rewired’);module.exports=function override(config,env){config=in
2021-03-07 16:28:33
638
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人