推荐最新

nodejs yarn build 报错下方信息: routines:ssl3_get_record:wrong version number ?

修改 vant源代码执行 yarn build 命令的时候出现了下方报错提示 SSL 版本不对 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241008/75178d6765bb7e6ec2374205cb19d126.png) > vant-cli build (node:16840) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead. (Use `node --trace-deprecation ...` to show where the warning was created) i Install Dependencies 15:37:24 yarn install v1.22.21 warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json. [1/4] Resolving packages... [2/4] Fetching packages... [-----------------------------------------------------------------------------------------------------------------------------------------------------------------------] 0/1631(node:7768) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead. (Use `node --trace-deprecation ...` to show where the warning was created) error Error: write EPROTO 08240000:error:0A00010B:SSL routines:ssl3_get_record:wrong version number:c:\ws\deps\openssl\openssl\ssl\record\ssl3_record.c:355: at WriteWrap.onWriteComplete [as oncomplete] (node:internal/stream_base_commons:94:16) info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command. Error: Command failed: yarn install --prod=false at makeError (D:\DevCode___\xxxx\vant\node_modules\execa\index.js:174:9) at D:\DevCode___\xxx\vant\node_modules\execa\index.js:278:16 at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async Object.installDependencies (D:\DevCode___\xxx\vant\node_modules\@vant\cli\lib\common\manager.js:28:9) at async Command.build (D:\DevCode___\A_xxx\vant\node_modules\@vant\cli\lib\commands\build.js:159:9) { code: 1, stdout: null, stderr: null, failed: true, signal: null, cmd: 'yarn install --prod=false', timedOut: false, killed: false } ERROR Build failed 15:37:28 试过修改 Internet SSL TLS 版本试过清除 yarn 缓存,npm缓存,重新安装一样的报错试过关闭代理,依旧报错试过关闭 ssl-strict,也没用试过淘宝镜像,依旧没用开发环境 node 21 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241008/dcf876b6849399a13ee8b87a0bfb1a94.png) win11

浏览量189

喵酱魔法师

如何用CSS制作平滑的半圆形tabbar？

"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/c6e2255c0d0425b954f5e709cee0860b.png) 请问怎么把vantUI里的van-tabbar改造成这样凸起来比较平滑的半圆呀用过伪元素，但是效果不太好画出来的效果是这样，中间有一条细线，不知道你们能不能看出来，而且跟下面的tabbar的左右连接处不是很丝滑 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/e6e620a0de2c7fd4b47785d5ed06f621.png) 用这两个div画出来了，有线是因为van-tabbar的z-index太高了。 .centerIcon { position: fixed; width: 62px; height: 31px; background: #fff; border-radius: 31px 31px 0 0; left: calc(50% - 31px); bottom: 48px; z-index: 998; } .centerIcon-bg { position: fixed; width: 46px; height: 46px; background: linear-gradient(to bottom right, #5468fa 0%, #68bafd 100%); border-radius: 23px; left: calc(50% - 23px); bottom: 25px; z-index: 999; display: flex; align-items: center; justify-content: center; }

浏览量176

一只tomatoo

Vant UI DropdownMenu 如何根据后端返回，自定义option属性名渲染呢？

vant ui DropdownMenu 下拉菜单如何可以自定义options里的属性名，根据后端返回的来渲染呢？例： option1: [ { name: '全部商品', id: 0 }, ], 修改成上面的属性名渲染到页面上有什么办法吗 export default { data() { return { value1: 0, value2: 'a', option1: [ { text: '全部商品', value: 0 }, { text: '新款商品', value: 1 }, { text: '活动商品', value: 2 }, ], option2: [ { text: '默认排序', value: 'a' }, { text: '好评排序', value: 'b' }, { text: '销量排序', value: 'c' }, ], }; }, };

浏览量175

加班使我熟睡

如何为Vant的van-steps步骤条组件设置渐变色?

vant的van-steps步骤条组件，已激活的线条怎么设置为渐变色求求各位大佬们！！！！真的非常感谢， vant的van-steps步骤条组件，已激活的线条怎么设置为渐变色，如图：https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/805b3be5bea1c5b1533c55aa5f0a3f1c.png

浏览量140

谁能阻止我删代码

Vant Circle 外层有v-for 为什么设置rate不起作用似乎一直是100的默认值到底哪里除了问题？？？

Vant Circle 外层有v-for 为什么设置rate不起作用似乎一直是100的默认值到底哪里除了问题！！！实际 "getRate(val.questionCount)" 的值没有 100 但是显示进度是按照 100 的值显示的。跪求大神门给我看看问题出在哪！！ https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240915/555de37ae55c55a27764f38a73e46cc8.png 图中，"===" 前的是 "val.doneQuestionCount" 值 "===" 后是 "getRate(val.questionCount)" 的值也检查过绑定的值的类型，也都是 "number" 类型，"rate" 的值设置一直都是默认值100，代码没起作用

浏览量164

世界唯一的

web的h5调起相机和选择图库怎么实现？

基于浏览器的h5，使用的是vantui和vue3.修改头像可以选择相册和通过拍照上传，是用input实现的。但是有问题就是选择图库的时候系统会自动的弹出来一个选择框，不能够直接选择相册。应该怎么解决https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241114/4b2ed68aa318127ceb5da1daf95a5b27.png

浏览量36

生成头像

如何解决格式化input的值导致光标位置？

大佬们，二次封装了vant的组件，主要效果是用户输入的银行卡号自动4位分割出来一个空格，给后端提交数据的时候呢又是去掉空格的，功能是没问题，但是如果在input中间添加或者删除内容时光标会自动跳到末尾去，如何计算光标位置太难了，求助大佬们，非常感谢 export default { inheritAttrs: false, model: { event: 'filtered' }, props: { value: { default: '' }, }, data() { return {} }, computed: { innerValue: { get() { return this.value.replace(/\D/g, '').replace(/(\d{4})(?=\d)/g, '$1 ') }, set(value) { this.$emit('filtered', value.replace(/\D/g, '')) } } }, methods: {} }

浏览量17

办公室高手

el-upload与van-uploader上传二进制数据的区别？

最近在做vant的一个项目，需要上传文件，但是van-uploader得自己写上传逻辑，后端要二进制的格式，找了一下el-upload的上传就是上传的二进制，但是自己写的好像不对，想问一下el-upload上传的二进制数据原来是啥样的啊这是自己写的，只转了base64部分，不清楚el-upload转了哪部分 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241113/d86f2c8504a1ddd0960dd0b0be2b6a1c.png)， van-upload上传后返回的file， "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241113/aa712081e34419397f3c426f020098dd.png) 尝试把整个file文件转成二进制，好像也不太对

浏览量20

脑洞大咖

一次"愉快"的找bug 问题是解决了但是还不太能理解求大佬解惑！！！？

一次"愉快"的找bug 问题是解决了但是还不太能理解求大佬解惑！！！？ "企业微信截图_17016750961423.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241107/c3d369614728246e2da83d320cae129e.png) 如图 uat环境这个toast的背景色样式被popup的样式覆盖了（还有个图片预览点开也是背景色白底被popup样式影响）明显看到popup的样式文件有两个看hash值是其它页面的因为本地是正常的遂想到应该是打包影响（打包产物与本地不一致）然后在vite.config.js里看到了这个 "企业微信截图_1701674813442.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241107/05985929af8fb1d1171d200f327fb55d.png) 我看到组长写的注释 “...自动important” 觉得应该是这里有门道猜测VantResolver这个就是处理vant相关的搜索配置项发现有个importStyle（是否同时导入样式） //主要就它长得像加了给false 发uat 好了！！！ "企业微信截图_17016749469999.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241107/0ff6b3b1fc1055b060c22afb2e8745df.png) "企业微信截图_17016751398036.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241107/b55851deac3659b63936eacf80f368ea.png) 问题是解决了但是没想明白当时看van-popup和van-toast的权重都是(0,1,0) 第一个样式文件里有toast和popup的样式 toast是在popup的下面另一个样式文件里只有popup的样式是这样覆盖的吗补充：看link元素是第二个样式文件在第一个下面这个效果解释通了为什么会出现两个样式文件？有没有办法控制这两个文件的插入顺序？（当前页面样式文件理应在最下面的）

浏览量16

来自武功山的爱

van-picker columns属性支持字符串数组吗？

Html: TS: import { ref } from 'vue'; export default { setup() { const columns = [ { text: '杭州', value: 'Hangzhou' }, { text: '宁波', value: 'Ningbo' }, { text: '温州', value: 'Wenzhou' }, { text: '绍兴', value: 'Shaoxing' }, { text: '湖州', value: 'Huzhou' }, ]; const fieldValue = ref(''); const showPicker = ref(false); const onConfirm = ({ selectedOptions }) => { showPicker.value = false; fieldValue.value = selectedOptions[0].text; }; return { columns, onConfirm, fieldValue, showPicker, }; }, }; columns的值只能是数组对象吗？支持字符串数组格式吗？比如columns = ["sttrig","number"]这种格式 columns的值只能是数组对象吗？支持字符串数组格式吗？比如columns = ["sttrig","number"]这种格式