记录生活的点点滴滴

0%

发表于 更新于 分类于 阅读次数：
本文字数： 5k 阅读时长 ≈ 5 分钟

支付分为前端发起支付，和后端发起支付两种方式

1.在前端发起支付，uniapp给我们提供好了，可以使用的api接口。

1
2
3
4
5
6
7
8
9
10
uni.requestPayment({
    provider: 'alipay',
    orderInfo: 'orderInfo', //微信、支付宝订单数据
    success: function (res) {
        console.log('success:' + JSON.stringify(res));
    },
    fail: function (err) {
        console.log('fail:' + JSON.stringify(err));
    }
});

具体使用方式请查看官方文档

2.后端发起支付
我们调用后端的接口，后端负责对接支付宝，或者微信的支付接口。基本支付宝和微信返回都是一个form表单，在h5端可以直接使用v-html表单form表单，但是这种方式不能在app中使用。我们要借助web-view实现。

web-view 是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面（nvue 使用需要手动指定宽高）。

1
2
//点击支付的时候，后端返回一个嵌套支付宝或者微信返回的form表单的一个html,把这个url赋值到web-view中
<web-view v-if="url.length > 0" :src="url"></web-view>
阅读全文 »

发表于 更新于 分类于 阅读次数：
本文字数： 17k 阅读时长 ≈ 15 分钟

解决video层级过高，有两种方法

1.使用subNvue

subNvue，是 vue 页面的原生子窗体，把weex渲染的原生界面当做 vue 页面的子窗体覆盖在页面上。它不是全屏页面，它给App平台vue页面中的层级覆盖和原生界面自定义提供了更强大和灵活的解决方案。它也不是组件，就是一个原生子窗体

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
{
     "path": "pages/index/index",
    "style": {
        "app-plus": {  
            "subNVues":[{  
                "id": "popup", // 唯一标识  
                "path": "pages/index/subNVue/hello", // 页面路径  
                //"type": "popup",  //原生子窗口内置样式，可取值：'popup',弹出层；"navigationBar",导航栏
                "style": {  
                    "position":"absolute",
                    "height": "60px",
                    "top":"40px",
                    "background":"transparent"
                }  
            }]  
        } 
    }
}

在hello.nvue中最外层view中必须要写id,必须要和subNVues里面的id一致，否则不会显示

1
2
3
<view id="popup">
	内容
</view>

让原生子窗体显示的时候调用显示的方法就可以了。但是nvue中里面很多css不支持，详情请自行查看官方文档

1
2
3
const subNvue=uni.getSubNVueById('popup');   //获取 
subNvue.show()  // 显示
subNvue.hide() //隐藏
阅读全文 »

发表于 更新于 分类于 阅读次数：
本文字数： 3.4k 阅读时长 ≈ 3 分钟

它默认有4种字体大小，但是在我们实际的项目，可能不只是想要这几种，还想添加自定义的字体大小。在这里插入图片描述
下面我就来教大家，怎样改它的默认字体大小

我们先改，自己封装的vue-quill-editor组件中的字体大小，如图是我自定义的字体大小，false代表的默认选中的字体大小,默认选中的14px。

在这里插入图片描述

我们先在 node_modules包 中找到 quill ，再找到它下面的dist文件夹。
阅读全文 »

发表于 更新于 分类于 阅读次数：
本文字数： 7.5k 阅读时长 ≈ 7 分钟

1.预览图片用到了uniapp提供的previewImage

1
2
3
4
5
6
7
uni.previewImage({
	urls: this.list[index].pics, //预览的图片数组
	current: this.list[index].pics[i], //点击预览时，显示的那一张图片
	longPressActions: {
		itemList: ['保存图片'] //长按预览图片时显示的操作菜单
	}
})

2.下载图片用到了uniapp提供的downloadFile

下载文件资源到本地，客户端直接发起一个 HTTP GET 请求，返回文件的本地临时路径。

1
2
3
4
5
6
uni.downloadFile({
    url: '', //下载资源的 url
    success: (res) => {
       //下载成功之后的函数，可以拿到返回文件的本地临时路径
    }
})
阅读全文 »

发表于 更新于 分类于 ， 阅读次数：
本文字数： 11k 阅读时长 ≈ 10 分钟
安装express
1
2
3
4
npm install express -g            // 全局安装express
npm install express-generator -g  // 全局安装express脚手架,安装之后可以使用
express --version                 // 检查express版本，是否安装成功
express -h       //-h 参数可以列出所有可用的命令行参数
阅读全文 »