专栏首页一番码客electron开发pdf合并工具(一)

electron开发pdf合并工具(一)

本文目录:

前言布局页面组件代码实际效果参考一番今日

前言

前面我们已经对electron即相关的electron-vue、element-ui等做了一定的了解。

今天一番开始着手去做一个实际的小程序了,还是以战代练。

目前准备先做两个小工具,一个是pdf合并的工具,一个是将网址转化为pdf的工具。

先从pdf合并工具工具开始。

布局页面

组件

组件里我们用vue去做布局,涉及到的组件包括图片、标题、按钮、可输入文本框

这里我们用了element-ui的按钮和自适应文本框,看起来还是比之前的tkinter的界面要好看多了,而且主界面大小可以自适应。

更多的组件可以在参考里的element-ui官网中查看。

代码

<template>
  <div id="wrapper" align="center">
    <img id="logo" src="~@/assets/logo_efonmark.png" alt="electron-vue" align="center">
    <div align="center">
      <span class="title">
        Welcome to EfonMark!
      </span>
    </div>

    <div align="center">
    <el-input id="input01"
      type="textarea"
      :autosize="{ minRows: 2, maxRows: 10}"
      placeholder="请选择文件"
      v-model="textarea">
    </el-input>
    </div>
    <el-button type="primary" round>选择文件</el-button>
    <el-button type="primary" round>合并</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      textarea: ''
    }
  }
}
</script>

实际效果

参考

  • element-ui : (https://element.eleme.cn/#/zh-CN)

本文分享自微信公众号 - 一番码客(efonfighting),作者:Efonfighting

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-10-14

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 【JavaScript小项目】弹出广告

    efonfighting
  • 【JavaScript小项目】轮播图

    efonfighting
  • python中的yield

    上一篇一番简单介绍了下scrapy工具的使用,深入时一番发现,yield这个关键字在很多scrapy的例子和教程里用的特别多。所以今天我们来研究下yield到底...

    efonfighting
  • TIOBE 6月编程语言排行榜:Python势不可挡

    导读:科技的发展日新月异、永无止境,在点点星辰的技术图谱中,如何找到适合自己的方向,当前我们或可从最新的编程语言榜单中探寻到些许的答案。

    华章科技
  • 不拼颜值的编程世界你靠什么上位?

    随着功能需求的逐步升级,编程语言的更新换代也变得越来越频繁,近年来编程语言的种类更是已经突破了600大关。在前浪不断被拍在沙滩上的编程语言世界里,斑斑却发现每一...

    哲洛不闹
  • egg中 controller 调用controller如何实现

    controller部分有很多复用的功能,举个栗子,2个创建项目的页面,都是用同一套增删改查,只是新建的时候传的类型不一样,这时候就会出现2个一样的contro...

    吴裕超
  • 哪些编程语言容易学习,互联网公司常用的编程语言有哪些

    作为编程人员或者工程师,你去企业面试的时候这些企业通常依据公司常用的编程语言来觉得是否适合该公司的工作,想一些大型的互联网公司还会考虑到你的学历层次,受教育情况...

    企鹅号小编
  • 2017年1月编程语言排行榜:Go是年度编程语言

    TIOBE每年会将年度编程语言的桂冠颁发给当年最受欢迎的编程语言,而今年几乎无需竞争,谷歌的Go语言便以大比分轻松拿下了这项荣誉。2016年度Go语言获得了2....

    老九君
  • 易语言除了做点外挂,易语言还有多少发展前景

    虽然表面上易语言在展示形式上实现了中文编程,但内在实现上还差得很远,很多专业的程序员都觉得易语言就是做了外套。本质上还是传统编程语言内涵,全球编程语言有几百种,...

    程序员互动联盟
  • 不拼颜值的编程世界你靠什么上位?

    随着功能需求的逐步升级,编程语言的更新换代也变得越来越频繁,近年来编程语言的种类更是已经突破了600大关。在前浪不断被拍在沙滩上的编程语言世界里,斑斑却发现每一...

    哲洛不闹

扫码关注云+社区

领取腾讯云代金券