• 2024-12-30uView自定义底部导航栏发生错误:不显示图片和文本但是能正常跳转页面
    今天写前端发现原生导航栏只能在一个页面显示而不能在多个页面显示导航栏,所以只能用uView2.x的自定义导航栏来完成这个需求,遇到以下问题:底部导航栏图片和文本不显示但是点击却可以正常条状页面的问题:错误原因:在page.json内配置了"tabBar"属性这个不可或缺,没有这个不能正
  • 2024-12-15uniapp+vue3+uViewPlus
    1、uniapp创建项目2、HuilderX菜单栏 工具->插件安装  -》前往插件市场安  下载安装到对应的项目导入的时候需要看广告耐心看完3、uview-plus在main.js中配置代码importuviewPlusfrom'@/uni_modules/uview-plus'app.use(uviewPlus) 4、在uni.scss中配置样
  • 2024-12-15在使用uview组件库时实现字符匹配弹出对应图片
    HTML部分: <u-overlay:show="show"@click="closeSeat"> <viewclass="warp"> <viewclass="rect"> <imgv-for="(image,index)inseatImages":key="index"
  • 2024-12-13postgresql分页查询如何实现
    需求:实现数据库分页查询offset为0时,查询前maxnum行数据(从第1行到第maxnum行)。offset为1时,查询maxnum到2*maxnum行数据(即从第maxnum+1行到第2*maxnum行)。以此类推,每次根据offset和maxnum动态计算查询的范围。方案:PostgreSQL的LIMIT和OFFSE
  • 2024-12-06AI提效工具推荐——Sider
    Sider(ChatGPT侧边栏)是您有用的人工智能助手,您可以在浏览任何网站时使用它。Sider帮助您在所有网站的侧边栏中阅读和撰写文章。它支持GPT-4omini/GPT-4o模型、智能互联网访问、YouTube摘要、ChatPDF、AI绘画,以及与ChatGPT、Claude、Gemini和Llama的AI聊天机器人!添
  • 2024-09-11一个简约的uniapp登录界面,基于uniapp+vue3+uview-plus
    uniapp-vue3-template一个简约的uniapp登录界面,基于uniapp+vue3+uview-plus页面主要包括:用户登录,手机验证码登录,用户注册,重置密码等页面登录进去后为空白模板源码在文末界面源码uniapp登录界面源码
  • 2024-09-03uniapp+uView幸运大转盘
    父组件代码:<template>  <viewclass="almost-lottery":class="popupShow2?'mask':''">    <view class="d-content">      <viewclass="almost-lottery__wheel">  
  • 2024-08-23uniapp+uView纯js手写加搜索的多选框
    父组件代码:<template>  <view>    <viewv-for="(item,index)instockList":key="index">      <viewclass="s-title">{{item.typeName}}</view>      <viewclass="s-list"
  • 2024-07-19uview小程序弹窗表单验证,阻止表单关闭
     设置async-close异步关闭<u-modalref="uModal"v-model="show"width="85%"title="原因"confirm-text="确定":async-close="true"show-cancel-button@confirm="confirm"@cancel="cancel&qu
  • 2024-07-12uniapp 使用uview 组件 DatetimePicker 默认值无效问题
    1.DatetimePicker默认值无效问题 -- 解决办法:使用$refs解决<u-datetime-pickerref="defaultPicker":show="openDatePicker":value="dateValue"mode="date" minDate="-2209017943"closeOnClickOverl
  • 2024-06-18uView的DatetimePicker组件在confirm回调中取不到v-model的最新值
    前情uni-app是我比较喜欢的跨平台框架,它能开发小程序/H5/APP(安卓/iOS),重要的是对前端开发友好,自带的IDE让开发体验非常棒,公司项目就是主推uni-app,在uniapp生态中uView是其中非常好的全平台的第三方开源ui库,我在公司项目中果断的使用了它。我一个过滤弹窗有二个表单需要选择开始
  • 2024-06-07uni-app项目uview的表单验证在小程序上不生效
    前情uni-app是我比较喜欢的跨平台框架,它能开发小程序/H5/APP(安卓/iOS),重要的是对前端开发友好,自带的IDE让开发体验非常棒,公司项目就是主推uni-app,在uniapp生态中uView是其中非常好的全平台的第三方开源ui库,我在公司项目中果断的使用了它。坑位在用uView做小程序表单验证的时候
  • 2024-05-01uView Picker 选择器 setIndexs用法
    uView官方文档,质量不高。有很多地方写的不清楚。比如Picker选择器组件。项目中有个页面,属于表单,用了Picker选择器,需要根据数据设置选中项。官方文档如下图。看完根本不知道setIndexs到底要填什么值。应该写个示例。无奈只能看源码。得知应该通过如下方式填写:this.$refs.film
  • 2024-04-25uView(u-collapse)折叠 展开 高度问题 无法撑开 nextTick
    <u-collapseref="myCollapse"@change="change"accordion><u-collapse-itemv-for="(level,index)inlevelList":key="index":title="level.name"ref="collapseHeight">&
  • 2024-04-21uni app uview新增商品页(无限级分类选择和多图上传)
    uniappuview新增商品页(无限级分类选择和多图上传)给自己的牛腩商品库UNIAPP加的一个新增功能,就是通用的新增页面,用的uview2(https://uviewui.com/components/intro.html),能选择无限级分类和多图上传,自已觉得这个新增页面在以后做uniapp项目的时候很多地方会用到吧,先记下来了,以
  • 2024-04-02uView2
    1.安装和配置npminstalluview-ui@2.0.36main.jsimportuViewfrom"uview-ui";Vue.use(uView);2.icon<u-iconslot="right"color="#2979ff"size="28"name="arrow-right"></u-icon>3.image<u--i
  • 2024-03-22uview-ui toast 二次封装
    开发用到uview的toast很常用的内容使用却很繁琐所以做了简单封装方便使用前后对比:this.$refs.uToast.show({ type:'success', title:'成功主题(带图标)', message:"庄生晓梦迷蝴蝶", iconUrl:'https://cdn.uviewui.com/uview/demo/toast/success.png'})//使用前
  • 2024-03-20uni-app、uview开发时的三种富文本渲染方案
    来源:https://www.shanhubei.com/archives/51231.html1.使用vue语法的v-html<!--使用v-html渲染富文本--><!--<viewv-html="`<h1>富文本</h1><h2>富文本</h2><h3>富文本</h3>`"></view>-->2.使用小程序标签rich-text&l
  • 2024-03-133.安装uview组件
    官网地址https://vkuviewdoc.fsq.pub/https://vkuviewdoc.fsq.pub/components/install.htmluViewVue3.0横空出世,继承uView1.0意志,再战江湖,风云再起!同时支持Vue3.0和Vue2.0,你没看错,现在uView支持Vue3.0了!(不支持nvue,此版本为uView1.0的分支)插件市场https://ext
  • 2024-02-28uni-app 组件 uview u-action-sheet 项太多,占满屏幕,设置滚动
    找到文件/uni_modules/uview-ui/components/u-action-sheet/u-action-sheet.vue找到u-action-sheet__item-wrap的类名<viewclass="u-action-sheet__item-wrap">修改成<scroll-viewclass="u-action-sheet__item-wrap"scroll-ystyle=&
  • 2024-02-21uniapp引入uview-基于最新HBuilder X 3.3-基于uni_modules
    uniapp引入uview-基于最新HBuilderX3.3-基于uni_modules:https://blog.csdn.net/billycoder/article/details/122795900?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522170850542516800225563950%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%25
  • 2024-02-19uniapp中 引入uview组件库
    1、下载安装HBuilderX2、创建项目3、工具---插件安装--插件市场--前往插件市场安装--前端组件--通用组件--搜索(uview)--点击uview2.0(记得登录哦)4、选择项目,进行引入uView5、在main.js中//入口文件importAppfrom'./App'//#ifndefVUE3importVuefrom'vue'//uv
  • 2023-12-14uniapp---使用uView
    在用uniapp开发项目的时候,选择合适的UI组件,往往能够事半功倍,而uView就是uniapp生态专用的UI框架,但是该UI框架并没有内置,而需要单独引入安装:uview官网:https://uviewui.com/components/intro.html安装步骤:第一步:在uniapp插件市场找到该插件https://ext.dcloud.net
  • 2023-12-11【uview2.x/uview-plus3.x/uv-ui框架】修改主题颜色
    前言:在使用uview-plus和uv-ui时发现文档有时候挺乱的,看的挺累,这不,最近折腾个自定义主题,发现和文档所说的压根不对,以下是文档: 1.按照官方说法,一堆报错,这里就不列举了,接下来看看正规做法: 2.找到对应的主题包,就是官方让你在uni.scss中引入的那个,复制一份到公共目录下(视情况而
  • 2023-11-07uview:根据style某个样式,修改该class内的其他样式。
    背景:小程序使用uviewui,根据设计需要将选中的日期颜色变成绿色,但是api并没有相关属性。样式穿透,也没有可以区分选中和不选中的class。唯一能找到不一样的就是font-weight属性,选中的是bold,未选中的是normal。因此可以使用where来定位到该标签,从而修改其样式。 关键代码:.u-