Write the Code. Change the World.

3月 25

在使用 <style scoped>,我们可以保护其他元素不受该样式的影响。如果我们附加动态元素,我们应该使用 parent-class /deep/ current-class。 但是我如何通过SCSS使用它呢:

<style scoped lang="scss">

::v-deep .frame {
}

</style>

阅读全文 >>

3月 14

 # 新增一个 index 参数(方便浏览器刷新)
 const value = 3

 this.$router.push({
     path: this.$route.path,
     query: { ...this.$route.query, index: value }
 })

阅读全文 >>

2月 08

操作步骤

  1. 登录腾讯云控制台,点进文件存储,找到对应的桶,开启媒体处理。
# 开启媒体处理
桶列表->桶->数据处理->媒体处理

  1. 创建任务模板,保存任务。
任务->图片处理->建立任务(保存)
这里使用的是图片和文字水印,通过上传使用桶里边的图片文件来实现水印效果。图片可以设置透明度等,文字也是。文字还可以设置大小,颜色这些。
  1. 在数据工作流中创建任务。调用上边的任务模板就可以实现加水印。

可是感觉上边的方式不那么好用。腾讯对媒体图片水印这块提供了三种场景处理。在上传的时候,在上传后,在下载的时候。何不在下载的时候进行水印处理呢。这样原照片还存在。看下边文档

https://cloud.tencent.com/document/product/436/44887

官方给出的例子:

http://examples-1251000004.cos.ap-shanghai.myqcloud.com/sample.jpeg?watermark/1/image/aHR0cDovL2V4YW1wbGVzLTEyNTEwMDAwMDQucGljc2gubXlxY2xvdWQuY29tL3NodWl5aW4uanBn/gravity/southeast

如果去掉后边的 watermark 康康:
http://examples-1251000004.cos.ap-shanghai.myqcloud.com/sample.jpeg

记得一点,水印图片一定要使用 http 不能使用 https

阅读全文 >>