草庐IT

van-tabs样式修改-->胶囊样式

实现效果图:组件UI:VantWeapp用到的API:代码:wxml:{active}}"bind:change="onChange"tab-class='tabSon'tab-active-class='activeTab'title-inactive-color='#333'title-active-color='#fff'nav-class='tabInvoice'class="tabsCapsule"> 内容一内容二内容三js:data:{active:1,},onChange(event){ wx.showToast({ title:`切换到标签${event.detail.name

【微信小程序】[ app.json 文件内容错误] app.json: [“usingComponents“][“van-button“]: “@vant/weapp/button/index“ 未找

 一、问题描述1.bug2.本地设置详情> 本地设置    里面没有 “使用npm模块” 选项    (反正我是找不到)二、问题原因按照官方文档和步骤操作后,文件配置如下: 打开miniprogram_npm文件夹  此时问题就很明显了"usingComponents":{"van-button":"@vant/weapp/button/index"}这样的写法是错误的三、解决方法正确写法"usingComponents":{"van-button":"/miniprogram_npm/vant-weapp/button/index"}四、补充我看其他博客都有这个设置我试了之后发现可有可无,按

[“usingComponents“][“van-button“]: “@vant/weapp/dist/button/index“ 未找到(env: Windows,mp,1.06.230

[miniprogram/pages/index/index.json文件内容错误]miniprogram/pages/index/index.json:["usingComponents"]["van-button"]未找到(env:Windows,mp,1.06.2301160;lib:2.30.2)如上错误,我用的typescript写的微信小程序,js的走开吧,看看也可以项目目录:项目引入依赖,在本项目的根目录下,执行一下命令:#下载vant依赖npmi@vant/weapp-S--production#通过npm安装如果你使用typescript开发小程序,还需要做如下操作,以获得顺

微信小程序报错[ app.json 文件内容错误] app.json: [“usingComponents“][“van-button“]: “@vant/weapp/lib/button/index

从git上拉取项目构建npm后,报出如下错误:指出文件找不到,无法使用button组件,是文件路径出错,首先找到项目中的button文件,复制路径后,更改app.json中usingComponents的van-button路径,问题解决。总结:文件路径出错,找到文件,更新路径。

AI绘画——Lora模型Fake Van Gogh Style(让梵高来画二次元美少女?)

目录模型简介模型演示正面tag负面tag图片正面tag负面tag图片模型简介梵高画二次元美少女?我在做什么美梦如你所见,这个lora基于梵高的画作进行训练(我并未在数据集中加入任何人像防止造成污染)出人意料的是,这个lora在手部等细节上表现的相当好而我简直要爱死这个质感了玩的开心!VanGoghpainting2Dbeautygirls?WhatacrazydreamI'mhaving.Asyoucansee,thislorawastrainedonaVanGoghpainting(Ididn'taddanyimagestothedatasettopreventcontamination)S

解决BUG:微信小程序vant引入报错[“usingComponents“][“van-search“]: “@vant/weapp/search/index“ 未找到

报错内容:[miniprogram/pages/index/index.json文件内容错误]miniprogram/pages/index/index.json:["usingComponents"]["van-search"]:"@vant/weapp/search/index"未找到(env:Windows,mp,1.06.2301040;lib:2.14.1)按照vant说明文档配了很多遍,微信小程序也更新到最新版本,project.package.json如下配置依旧报错。网上各种类似报错的解决方法,重点都在小程序项目对vant组件的引用,所以推理出以下解决方案:miniprogra

Vue vant-ui使用van-uploader实现头像图片上传

效果图:项目中是使用有赞vant-ui框架实现的头像上传替换功能代码布局结构: VIP-->{{loginType==0?"个人用户":"企业用户"}}郝先生优质船主样式:.flex{display:flex;width:100%;}.topInfo{align-items:center;background-color:#fff;//border-radius:24px;}.arrart{width:128px;height:128px;border-radius:50%;}.personCompany{position:absolute;top:100px;left:0px;font-si

微信小程序图表的引入并解决van-tab切换时不显示图表的问题

1、在GitHub上下载ec-canvas,地址如下:GitHub-ecomfe/echarts-for-weixin:ApacheECharts的微信小程序版本2、找到文件夹下面的ec-canvas文件夹,把它放在与pages同级的目录。3、在需要用到页面里面引入,如index.json{"usingComponents":{"ec-canvas":"../../ec-canvas/ec-canvas"}}4、在index.js里面echarts.jsimport*asechartsfrom'../../ec-canvas/echarts.js'5、在index.wxml里面添加元素{ec1

微信小程序图表的引入并解决van-tab切换时不显示图表的问题

1、在GitHub上下载ec-canvas,地址如下:GitHub-ecomfe/echarts-for-weixin:ApacheECharts的微信小程序版本2、找到文件夹下面的ec-canvas文件夹,把它放在与pages同级的目录。3、在需要用到页面里面引入,如index.json{"usingComponents":{"ec-canvas":"../../ec-canvas/ec-canvas"}}4、在index.js里面echarts.jsimport*asechartsfrom'../../ec-canvas/echarts.js'5、在index.wxml里面添加元素{ec1

Vant UI 中 van-collapse 下拉折叠面板如何默认展开第一项

问题重现        最近在做项目时,有一个需求是让van-collapse下拉折叠面板的第一项默认是展开状态;我使用到了VantUI组件,首先按照官网文档的写法直接引入:制定拜访计划保险保障分析制作计划书会客厅讲解修改备注修改备注exportdefault{data(){return{activeNames:['1'],};},};默认每一项都是不展开的: 需求实现先看官方文档CollapseProps:参数说明类型默认值v-model当前展开面板的name手风琴模式:number|string非手风琴模式:(number|string)[]-accordion是否开启手风琴模式boole