- 博客(14)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue-cli4在安装完成后创建一个简单的新页面
在安装好vue-cli4的前提下，（具体安装方法请看我之前的博客）第一步，打开编辑器，创建一个新的文件vue.config.js第二步，在public中创建新的文件：login.html在文件中输入代码如下<!DOCTYPE html><html lang="zh"> <head> <meta charset="utf-...
2020-04-17 09:26:49
1086
1
原创 创建vue-cli4项目，报错 ERROR command failed: yarn
创建vue项目 报错：ERROR command failed: yarn解决方法：Win+R 输入cmd进入到命令行界面输入命令npm install -g yarn成功后重新创建vue-cli4项目便可以解决了。...
2020-04-15 16:18:33
15061
11
原创 在vue-cli4版本下，创建vue项目
1.键盘按键Win+R ，输入cmd,进入到命令行页面，2.在node.js 和npm安装完成的前提下，创建vue项目3.进入到项目的安装路径，我将项目放在了D盘中的vue-list文件夹中4.输入 vue create vue-app(项目名称)回车，进入到以下页面该页面的意思是创建项目是默认的框架还是自己手动设置，用键盘的上下方向键进行选择，我一般选择的是手动设置。...
2020-04-15 16:02:23
2163
原创 安装vue-cli4版本
首先，查看安装环境，按住键盘Win+R，输入cmd,进入到命令行界面，1.安装node.js如果有安装过，输入node -v 查看安装版本如果没有，先安装node.js在官网 下载最新版本，根据系统是32位还是64位官网地址： node.js 下载安装包之后进行傻瓜式安装便可。如果实在不放心，可以借鉴菜鸟教程中node.js安装步骤,网址：https://w...
2020-04-15 12:10:26
1680
原创 查看vue版本所遇到的问题
在安装完成vue-cli4之后，Win+r 输入cmd 进入到命令页面后，查看vue版本号，输入vue -V（注意大写）显示C:\Users\*****>"node" "C:\Users\31084\AppData\Roaming\npm\\node_modules\@vue\cli\bin\vue.js" -V@vue/cli 4.2.3中间出现了"node" "C:\Use...
2020-04-15 11:22:15
1355
2
原创 微信小程序之文本单行/多行溢出文本省略号代替
在微信小程序中的详情介绍中，一般会用到该功能，刚开始，我给文本加了高,.earing_info{ width:96%; height:20%; margin-top:30rpx; margin-left: 2%; display: -webkit-box; font-size:28rpx; color:#000000; line-height: 40rpx;...
2020-01-04 12:18:33
1405
转载 微信小程序之公告字幕滚动（自下而上）
scroll-view实现字幕滚动需求：实现框内的文字自下而上的自动循环滚动。解决方案：demo：https://github.com/yapeee/wx-text-rolling-demo通过控制滑动条来完成字幕滚动，通过setinterval完成字幕循环滚动。wxml:<scroll-view class="container" scroll-y="true...
2020-01-04 09:39:44
1236
原创 微信小程序之公告自右往左滑动
在微信小程序中，除了轮播图和广告之外，公告的使用频率也很多，一般都是从右往左移动，今天我就此做了以下的代码记录这是样式，由于不知道怎么弄动态图片，只能这样展示：.wxml<!-- 公告 --> <view class="inform"> <view class="inform-img"> <image src="/...
2020-01-04 09:29:54
1663
3
原创 微信小程序轮播图+自定义高度
重新写一个轮播图，在上次的基础上，添加了衔接滑动的功能，并对上一次写的进行一次完善。如有问题请在评论区描述问题。.wxml 页面<view class="image_swiper"> <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}"...
2020-01-03 11:33:38
3068
转载 微信小程序之管理用户收货地址
看效果：开发计划1、布局收货地址列表和新增收货地址页面2、实现省市县三级联动功能3、使用缓存管理数据一、收货地址列表管理addressList.wxml<scroll-view class="scroll" scroll-y="true"> <view wx:for="{{addressList}}"><view cl...
2019-12-20 14:15:50
2844
原创 微信小程序之轮播图+自定义高度（新手学习）
效果图：.wxml<view>轮播图</view><view class="image_swiper"> <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" s...
2019-12-17 16:43:22
1682
原创 微信小程序之创建顶部tab菜单栏切换（新手学习）
关于顶部菜单tab菜单栏切换，可以有两种写法，但是都是用到swiper这个视图插件。插件介绍可以查看微信小程序开放文档。第一种方式：效果图.wxml<view>tap切换 方法一</view><view class="swiper_tab_view"> <scroll-view scroll-x='true' scroll-le...
2019-12-17 16:12:31
6956
2
原创 微信小程序之创建底部菜单栏（新手学习）
上一篇文章创建新项目后，点击进入项目，可以看到目录结构：pages:页面路径列表window：默认窗口表现tabBar：底部tab栏点击进入app.json,{ "pages": [ "pages/home/home", //新建的首页路径（放在首位的路径最先展示） "pages/index/ind...
2019-12-17 15:28:59
4421
1
原创 微信小程序开发之新建小程序项目（新手学习）
首先，打开微信小程序开发者工具，（若没有请先下载工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html），用微信扫一扫登录，创建小程序新项目，需要填写项目名称、选择代码存放路径、APPID(在微信公众平台进行申请https://developers.weixin.qq.com/miniprogram/de...
2019-12-17 14:39:51
1019
小程序引用地域文件area.js
2019-12-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人