vue-flashcard-具有Vue.js 2.x动画的FLashcard组件-Vue.js开发

  • g7_990219
    了解作者
  • 2.8KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-10 05:23
    上传日期
Vue Flashcard:high_voltage:这是在GitHub上的,所以让我知道我是否已经将它保存在某个地方,如果喜欢的话给我一个星星:check_mark_button:安装:OK_hand:npm i vue-flashcard:check_mark_button:用法Vue Flashcard:high_voltage:这是在GitHub上的,所以让我知道我已将其保存在某处,如果喜欢,请给我个星星安装:OK_hand:npm i vue-flashcard:check_mark_button:用法:graduation_cap:将其添加到组件:party_popper:从'vue-flashcard'导入vueFlashcard; 导出默认的{组件:{vueFlashcard}}:check_mark_button:示例:four_leaf_clover: 道具:正面(正面文字)[默认:“”]背面(背面文字)[默认:
vue-flashcard-master.zip
  • vue-flashcard-master
  • flashcard.vue
    3.6KB
  • README.md
    1.7KB
  • Github
    65B
  • package.json
    744B
内容介绍
# Vue Flashcard :zap: ![Image flashcard](https://media.giphy.com/media/3og0ICaNlqFKHKlXKo/giphy.gif) + This is [on GitHub](https://github.com/cuduy197/vue-flashcard) so let me know if I've b0rked it somewhere, give me a star :star: if you like it ### :white_check_mark: Install :ok_hand: ``` npm i vue-flashcard``` ### :white_check_mark: Usage :mortar_board: - Add it to your component :tada: ![Usage image](https://media.giphy.com/media/l1BgQGZQxJcXNiwk8/giphy.gif) ```javascript import vueFlashcard from 'vue-flashcard'; export default { components : { vueFlashcard } } ``` ### :white_check_mark: Example :four_leaf_clover: ```html <vue-flashcard front="hello this is a flashcard" back="with animation"> </vue-flashcard> ``` ### :white_check_mark: :book: Props: + `front` ( Front text) [default: ""] + `back` (Back text) [default: ""] + `imgFront` (Image front ) [default: ""] + `imgBack` (Image back) [default: ""] + `colorFront` (Color front card ) [default: "white"] + `colorBack` (Color back card ) [default: "green"] + `colorTextFront` (Color text front card ) [default: "black"] + `colorTextBack` (Color text back card ) [default: "white"] + `textSizeFront` (Text size front card ) [default: "2em"] + `textSizeBack` (Text size back card ) [default: "2em"] + `headerFront` (Header front text ) [default: "Do you know?"] + `headerBack` (Header back text ) [default: "Answer"] + `footerFront` (Footer front text) [default: "Click to show Back"] + `footerBack` (Footer back text ) [default: "Click to show Front"] ## Make with my old laptop :octocat: [![NPM](https://nodei.co/npm/vue-flashcard.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/vue-flashcard/)
评论
    相关推荐
    • github-npm-registry-test:GitHubnpm注册表的测试包
      github-npm-registry-test const test = require ( "github-npm-registry-test" ) ; test ( ) ; // [github-npm-registry-test] works. 执照
    • npm-github:通过 npm pkg 名称在浏览器中打开 github url
      npm-github 通过 npm pkg 名称在浏览器中打开 url。 安装 $ npm i npm-github -g 用法 $ npm-github npm-github 执照 版权所有 (c) 2015 chencheng。 在 MIT 许可下获得许可。
    • GitHub NPM Linker-crx插件
      当您访问github package.json blob时将链接添加到npm软件包 当您访问github package.json blob时,将链接添加到npm软件包,链接显示在常规package.json下。 工具提示会加载各自的package.json / description。
    • github npm stats-crx插件
      github上显示npm包统计信息 关于权限 ==============. - GitHub.com的数据访问是访问底层项目的package.json文件 - 需要对NPMJS.ORG的数据访问来访问NPM包详细信息 - 将存储需要存储GithubNPM API响应 源代码 ==...
    • Github stars for NPM-crx插件
      github上的npm软件包。 在google搜索结果页面上显示npmjs软件包和github仓库的github星星和最后提交时间。 帮助您避免在搜索结果中单击不受欢迎/不需要维护的软件包。 目前Google域名仅限于.com和.co.in
    • npm:GitHubnpm交互的动作
      NPMGitHub操作 此动作可使用npm命令行客户端启用任意动作,包括测试程序包和发布到注册表。 用法 生成,测试npm程序包并将其发布到默认公共注册表的工作流程示例如下: workflow " Build, Test, and Publish " { ...
    • npm-github:npm 注册表代理到 github 存储库
      npm-github 允许 npm 直接从 github 安装包的示例和演示注册表。 适用于公共和私人存储库。 为什么 私有 npm 注册表很酷,它们通常设置起来很麻烦,而且现在有点矫枉过正。 既然你的源代码已经存在于 github 上,为...
    • github2npm-repo:使用 semver 支持从 githubnpm 的 repo 查找工具
      github2npm-repo 此工具将在user/repo存储库样式中查找 GitHub 存储库以获取 npm 模块名称。 这是通过解析master分支中的package.json来完成的。 它还通过package.json 中的repo或repository属性检查 npm 模块是否...
    • 语义释放-github-npm-registry:语义释放插件,用于将npm包发布到GitHubnpm注册表中
      验证是否存在GITHUB_TOKEN环境变量,使用GitHubnpm注册表URL,令牌创建或更新.npmrc文件,并验证令牌有效。 prepare 更新package.json版本并npm软件包tarball。 publish 到。 安装 $ npm install @semantic-...
    • github-npm:将 github 中的 npm 包和 npm readmes 链接到 npm 注册表
      Github Npmgithub 中的 npm 包和 npm readmes 链接到 npm 注册表 安装 从安装它,或者下载这个 repo 并作为解压缩的扩展加载。 例子 执照 麻省理工学院 :copyright: