- 博客(140)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 运行v3+ts+vite+eslint碰到的问题集合
修改项目下.eslintrc.js文件，在rules: {}中加入：“indent”: [“off”, 2] 或者’indent’: ‘off’；：Expected indentation of 0 tabs but found 1 indent（预期缩进0个制表符，但发现1个缩进）：对比其他ts代码，发现在orderDetail后少了分号，加上去之后就可以了。创建一个新vue页面，然后在pages.json里添加页面路径，添加完后就报这个错误。），只要这个东西没被使用过，就报错。：注释或者删除即可。
2024-04-08 17:29:23
244
原创 用try...catch进行判断
在写一些提交数据的判断上，有时候会写下面的ifelse的判断方法，少一点还好，多的话就很难受也不好看。上面只是一些简单的判空，要加其他条件比如字符串长度不能超过x位啥的，emm，后面有遇到在加上去。
2024-03-15 18:44:59
333
原创 解决canvas裁剪图片iphone不能裁剪问题
上面的代码在开发者和安卓手机上可以实现，但是在iphone上，图片没有被裁剪成圆形。canvas绘制一个圆，并且在圆上绘制一个图片，裁剪该图片（就是把图片裁剪成圆）。
2024-02-23 13:32:52
406
原创 解决弹性布局父元素设置高自动换行，子元素均分高度问题（align-content: flex-start）
align-content: flex-start
2024-02-21 11:18:36
675
原创 css吸顶(position: sticky；)
解释下上面的效果：当元素tabs-s滑动到距离顶部60rpx的时候，会“固定”在那个地方，不会随着页面的向上滑动而滑动；但是向下滑动距离顶部小于60rpx的话，那元素tabs-s也会跟着向下滑动。用样式position: sticky;来做吸顶其实很简单，只要在设置一个top属性即可。
2023-12-27 11:17:47
780
原创 TortoiseGit小乌龟合并分支某一次提交记录(摘取)
4、选择想要合并的提交记录，比如我要合并第二天提交的代码，然后右击选择“摘取此提交”继续有冲突就解决冲突，没冲突看下代码是否有合并成功。例：分支a、b，a要合并b的某一次的提交代码。3、选择分支b右击选择“显示日志”1、切换到a分支，选择“合并”5、选择后点击“继续”即可。2、点击分支后面的…
2023-12-27 11:07:42
1229
原创 小程序禁止滚动穿透，page-meta
使用场景：页面中有弹窗，并且弹窗里数据超过弹窗的高，要在弹窗做滑动操作，当弹窗滑动到底部的时候，继续划动会导致底层页面的滚动，这就是。必须放在整个页面的template下面才行。maskShows是弹窗是否显示的字段，这样的话弹窗的滑动就不会影响到主页面了。如果把page-meta放在view里的话，会提示一个错误。这种情况对于体验感很不友好。
2023-12-13 16:21:51
429
1
原创 初学vue3与ts：keep-alive的简单使用
ps：因为我也不知道Component 是什么，折腾了好久才明白。不要问，问就是:is=“Component"的跟v-slot=”{ Component }"一样就对了。//include代表缓存name是FleetList的组件。//include代表缓存name是FleetList的组件。不要问Component 是什么，这么写就对了。
2023-12-07 14:16:51
131
原创 初学vue3与ts：element-plus的警告(Extraneous non-props attributes (ref_key) ...)
国内镜像站点如果进不去的话，在element-plus官网最下面的链接->国内镜像站点，点击即可。原来是vue3的版本与element-plus的兼容性问题，更新下vue3的版本即可。用了vue3与ts，ui我就选了element-plus。按照官网的安装引导，突然用到某些组件会提示警告。更新后，编辑器重启，在运行下就可以了。
2023-12-05 11:28:28
263
原创 uniapp小程序分包页面引入wxcomponents(vue.config.js、copy-webpack-plugin)
uniapp配置wxcomponent到分包内
2023-12-01 11:54:31
1133
7
原创 uniapp挽留提示2.0
后面想了个方案，把挽留的内容做成一个页面，先跳转到挽留页面，在从挽留页面跳转到内容页，这样内容页面后退就是挽留页面了，当然这边还要page-container的配合。后来产品提了个问题，手机侧滑的时候没那么顺畅（就是一用侧滑，就显示出来，产品要的方案是如下图，emmm大概是这个意思）在函数beforeleave里要进行判断，要返回到a页面的话，就要用uni.navigateBack({delta:2})项目需求：有时候挽留的ui是全屏的，用。//继续填写即在次回到c页面。
2023-11-27 16:23:26
421
原创 初学vue3与ts:朕与太子的props、emit互动
/父组件要调用子组件的事件，必须暴露子组件的事件...重要的事说三遍，setup()不需要。//父组件要调用子组件的事件，必须暴露子组件的事件...重要的事说三遍，setup()不需要。//父组件要调用子组件的事件，必须暴露子组件的事件...重要的事说三遍，setup()不需要。//用emit需要的 setup的用法，setup()不需要。//用emit需要的 setup的用法，setup()不需要。//用emit需要的 setup的用法，setup()不需要。//子组件触发父组件的事件。
2023-11-27 15:37:56
137
原创 初学vue3与ts：路由跳转带参数
【用router.push跳转,用params带参数age=666】这个方法的router->index.ts。// 用router.push跳转,用query带参数name=lin。// 用router.push跳转,用params带参数age=666。，是以前可以用，现在变不一样了吗？:vue3目标页面要拿到上一页面带过来的参数，不能用。// 用router-link跳转带参数id=1。其他2中方法的router->index.ts。
2023-11-24 17:12:10
1367
原创 初学vue3与ts：setup与setup()下的数据写法
把setup写在script里<template> <div> <div class="index-title">script setup</div> <div class="title">字符串：</div> <div class="title-sub">ref版：{{strRef}}</div> <div class="title-sub">ref版模板字符串：{{strRef
2023-11-24 15:28:32
387
原创 uniapp小程序使用page-container(点击返回挽留信息)
/弹出返回的挽留信息后，还是会显示返回键，如果在点击返回键还是不能返回，则可以增加下面的定时器,不需要直接注释即可。：登录注册、身份认证、商品购买等点击左上角的返回会提示一个挽留的弹窗或者信息。在微信小程序的介绍。
2023-11-08 16:18:06
749
原创 css word-break
上面的一行还是可以放置很多个字符的，但是就是换行了。加上word-break:break-all;要求填充满整行，超过在换行。
2023-08-04 14:23:53
101
原创 其他时区的时间转换成当前时区的时间
项目用的是uview，所以在接收到时间戳还要在转换成年月日格式，这个就在外面去操作，写在convertTureTime里还要好多判断。例子：项目获取到的时间在东二区，用户在东八区，那么要把东二区的时间转换成东八区的时间。
2023-08-04 14:17:55
186
原创 解决uview1.x使用i18n，props在切换语言的时候未及时修改视图的问题
ps刷新问题：在h5上，其实我在设置语言的时候就uni.reLaunch到首页了，但是这个并不等于刷新。在切换其他语言并且没有刷新的情况下，取消文案还是英文的语言，并没有变成繁体，在刷新下页面就正常了。后来查找了下，改成function的形式即可。未修改的u-modal.vue。操作流程，用u-modal举例。需要修改成适配i18n的。
2023-07-25 14:36:49
388
原创 uniapp使用HQChart的k线，用webSocket更新数据
项目：不借用HQChart的各种接口数据，即数据后端返回，但是数据格式要和原数据格式一样。
2023-07-24 17:00:02
1095
原创 表格tr根据内容撑开高度并且每个td继承tr的高度(height:inherit,align-items: stretch)
实际上数据又长又短，例如类型有可能出现2行甚至3行的字数，所以整个行要适配最高的高度，然后其他子元素继承行的高度。ps：原生的table或者uview的u-table都不怎么好使，所以用view来做。弹性布局，行的align-items设置为stretch，不设置高度，可以设置。在做的过程中出现高度不一致导致border没能链接上。,height:inherit继承父元素的高度。
2023-07-13 12:20:19
536
原创 相对绝对定位父元素不设置宽度，根据子元素撑开(white-space: nowrap；)
要做一个如下的弹窗，很简单。但是当要切换成多语言或者数据是动态的话（title可能会很长），那么弹窗固定宽度就不适用了。ps:ml-18 f30 text-333 flex align-center 一些封装的样式。也有可能出现下面的情况，文字被换行了（有时候这种情况也是可以的，取决于项目要求）1.弹窗不设置width，但是可以设置最小宽度（min-width）2.整体布局正常（我这边用的是弹性布局），重点是。这种情况是弹窗不设置width，设置。但是我想要的是下图的样式。有可能会出现下图的情况。
2023-07-13 12:02:34
415
原创 前段搜索框不请求接口隐藏数据
项目介绍：uview-ui 1.x的，并且使用语言切换功能（i18n，hbuilder新建项目选择i18n项目），因为是h5项目，所以使用location.reload()进行刷新。ps：如果要适用字母大小写的，在indexOf里改成keyword.toUpperCase()，直接替换成全部大写，具体情况具体分析。主要判断在 v-if=“!适用条件：一次性请求到所有数据条件下的搜索，分页可能会有点问题（项目未遇到）
2023-06-30 11:47:10
114
原创 解决css背景图覆盖文字
项目需求：这是个导航栏（下面是uveiw的tabs标签），然后高亮的时候会有一个背景图，因为title不固定字数，所以宽度不能写死。后面找了下，发现item-title样式加上position: relative;因为用的是相对、绝对定位，会导致图片会覆盖到文字上。自己写了个样式，用scroll-view，
2023-05-16 16:54:24
2556
原创 uniapp仿淘宝购物车demo
项目是基于uview2.0的ui组件，并且在一定程度上修改过原本组件的代码（app-navbar是使用u-navbar在进行二次封装的组件；u-number-box也进行了修改），符合项目需求（这个看个人项目需求在进行修改）u-number-box有点难用的地方，加减有时候不能很及时的回应合计的数量，导致总价对不上，所以我开启了asyncChange（是否开启异步变更，开启后需要手动控制输入值）。u-number-box一些改动到的地方this.$emit(type) 改成 this.$emit(ty
2023-05-11 11:25:52
744
原创 uniapp app端跳转小程序，小程序在带参数返回app
安卓不加setTimeout，plus.runtime.arguments可以获取到正确的参数（orderId），但是ios的不行，后面试了下，加setTimeout就可以正常获取。申请审核成功后，app跳转小程序的功能自动获得。app-parameter是需要的参数传给app。申请，这个步骤自行百度吧。app端跳转小程序要先去。这个是微信官方的规则。
2023-04-27 15:47:58
968
原创 uni.share解决app分享微信好友出现Share微信分享:-3
查了下，是因为miniProgram的webUrl未填写，有查到说imageUrl要小于20kb，但是我imageUrl是大于20kb的（126kb），添加webUrl后就可以分享了，与imageUrl问题不大。然后先制作自定义基座，运行到真机上，触发后出现下图问题。webUrl随便填写一个地址即可。ps：这个功能要申请。
2023-04-22 11:13:40
743
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人