09 2020 档案
摘要:项目打开先npm i,再cnpm i。。。。。 是在npm install后npm run dev时报错的 Module build failed: Error: Cannot find module 'node-sass':找不到node-sass 用cnpm install安装后就可以了没这个报
阅读全文
摘要:如图: data(){return { prodNum: 1, //计数器数量 prohibit1: false, //计数器-是否禁用 prohibit2: false, //计数器+是否禁用 }函数:// 笨方法实现数量的输入与加一减一 // 以及对边界值的判断禁用 /** * 减少商品数量 *
阅读全文
摘要:1)查看商品评论的图片出现滚动条 2)如何在HTML中限制input 输入框只能输入纯数字,也不能是空,当为空时失去焦点时判断赋值为1; <input type="number" class="number" v-model="prodNum" oninput="value=value.replac
阅读全文
摘要:项目记录:开始接触基于nuxt的pc端商城项目(2020-9-22)
阅读全文
摘要:如图: vue <view class="input-item"> <view class="old"> <view class="icon"> <image src="../../static/icons/new-password.png" mode=""></image> </view> <vi
阅读全文
摘要:前面所写的是静态的国际化切换方式:https://www.cnblogs.com/yoona-lin/p/13594447.html uni-app系列回顾总结 项目国际化2(翻译问题与解决方案)总结 现在通过页面的按钮进行中英文切换 如图: 实现: // main.js// 国际化模块 impor
阅读全文
摘要:如图,uni-app实现图片上传,添加展示与删除 <!-- 上传照片 --> <view class="item-num"> <view class="upload-img"> <!-- 预览缩略图 --> <view class="q-image-wrap"> <!-- 图片缩略图 --> <bl
阅读全文
摘要:/* 复制按钮的实现 */ copy(value) { //提示模板 uni.showModal({ content: value, //模板中提示的内容 confirmText: '复制内容', success: () => { //点击复制内容的后调函数 //uni.setClipboardDa
阅读全文
摘要:引用下面博客的: 快去访问: https://www.cnblogs.com/wangyfax/p/10073159.html 贴几张图:
阅读全文
摘要:uni-app实现点击弹窗输入文本 写成组件 前面的学习: uni-app实现点击弹窗输入文本的交互操作 uni-app实现点击弹窗输入文本的交互操作(2) 组件形式: 主页面: <view class="login"> <view class="login-btn" @click="show">
阅读全文
摘要:结合之前的简单案例,改进到实用版: https://www.cnblogs.com/yoona-lin/p/13666959.html <view class="login"> <view class="login-btn" @click="show"> <view class="prompt-bo
阅读全文
摘要:研究出来了,结合网上的方法,写出一个最简单的弹窗输入文本页面 代码: <view class="login"> <!-- <view class="login-btn" @tap="prompt"> <prompt ref="prompt" @onConfirm="onConfirm" @onCan
阅读全文
摘要:<view class="right"> <view class="m-numSelector"> <view @tap="onCountMinus" class="minus" :data-scindex="scIndex" :data-index="index"></view> <input t
阅读全文
摘要:checkbox默认: radio 默认: 同理: 小程序的同理选中查看元素,进行修改,把uni改成wx 参考:https://blog.csdn.net/qq_37682202/article/details/100121961
阅读全文
摘要:<view class="input-item"> <view class="img"> <image src="../../static/icons/password.png" mode=""></image> </view> <view class="input-acc"> <input typ
阅读全文
摘要:/* 按钮箭头 */ .btn-arrowhead { width: 25rpx; height: 25rpx; margin: 20rpx 0 20rpx 30rpx; border-top: 2rpx solid #FFFFFF; border-right: 2rpx solid #FFFFFF
阅读全文
摘要:overflow: hidden; //一定要写 text-overflow: ellipsis; //超出省略号 display: -webkit-box; //一定要写 -webkit-line-clamp: 2; //控制行数 -webkit-box-orient: vertical; //一
阅读全文
摘要:最近又开始做uni-app搭建新项目,遇到不少问题,整理一些注意事项: 1.配置文件更改与新增目录文件要重新打开整个项目再进行运行,停止运行再重新编译是 读取不到的
阅读全文
摘要:uni-app官方编译器:HBuilder X 的一个更新问题: Browserslist: caniuse-lite is outdated. Please run:npx browserslist@latest --update-db 先说解决方法,再吐槽 删库重装!!!! 安最新版的: HBu
阅读全文
摘要:/* /* 超级好用的常用敲代码快捷键 */ // 代码格式化(Format Document),整齐排列代码: Shift+Alt+f (如有差别,编译器文件内右击查看) // 代码、文本、段落注释 选中后 Ctrl+? // 代码换行缩进 向右缩进:Tab 向左缩进:Shift+Tab // 复
阅读全文
摘要:项目国际化差不多完成了。要合并代码了,因为一个多星期没更新,结果一堆冲突,与本地更新。。。。。。。麻烦了。。。。。93个文件更改。。。 这种情况就是先复制本地代码两份,然后开搞。。。不行就删,再搞。。。。。 弄了四次,大致弄好了,一些冲突掉的重新补充就行,主要更新线上的代码,本地的补充 参考解决方法
阅读全文
摘要:国际化翻译遇到的问题与解决方案: 国际化项目部署情况:uni-app系列 项目国际化 1.文字的替换方法: 跟访问data数据 一样,{{}}实现数据绑定: <text class="placeholder">搜索</text> <text class="placeholder">{{i18n.se
阅读全文
摘要:实现uni-app商城的国际化翻译 一个官网社区的教程(很清晰):https://ask.dcloud.net.cn/article/35102 适用于小项目的安装部署; 网上好多教程,根据具体项目情况引入使用; 大项目的引入要把适配文件分离开来: 下面是引入的git更改情况: main.js @@
阅读全文
摘要:最近在弄uni-app的项目开发 uni-app官网:https://uniapp.dcloud.net.cn/ uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、
阅读全文