Skip to content

Instantly share code, notes, and snippets.

View curder's full-sized avatar
🎯
Focusing

curder curder

🎯
Focusing
25 followers · 28 following
View GitHub Profile
@curder
curder / soft-version.md
Last active August 12, 2019 02:27
LNMP环境软件和拓展

系统软件和拓展版本

  • nginx 1.16.0

  • mysql 5.7.26

  • php 7.2.19

    • extensions
      • Pcntl PHP Extension

  • BCMath PHP Extension

@curder
curder / buttons.js
Last active July 30, 2019 02:55
TailwindCSS Plugin Example https://github.com/tailwindcss/plugin-examples
const _ = require("lodash");
const Color = require("color");
const defaultConfig = require("tailwindcss/defaultConfig");
function defaultOptions() {
return {
borderRadius: ".25rem",
fontWeight: "600",
lineHeight: "1.25",
fontSize: "1rem",
@curder
curder / App.vue
Created June 30, 2019 16:21
Vue组件之轮播图flickity
<template>
<div class="bg-gray-100">
<div style="width: 640px; height: 480px;">
<carousel>
<img src="https://placeimg.com/640/480/any?1">
<img src="https://placeimg.com/640/480/any?2">
<img src="https://placeimg.com/640/480/any?3">
<img src="https://placeimg.com/640/480/any?4">
<img src="https://placeimg.com/640/480/any?5">
</carousel>
@curder
curder / App.vue
Last active June 30, 2019 15:35
Vue组件之滚动的数字
<template>
<div class="flex flex-col md:flex-row items-center justify-center min-h-screen bg-gray-100" style="padding-top: 1000px; padding-bottom: 500px;">
<div class="mx-0 md:mx-2 my-4 md:my-0 px-12 py-5 rounded-lg text-white text-2xl shadow bg-blue-500 hover:bg-blue-600">
<count :to="119"></count>
</div>
<div class="mx-0 md:mx-2 my-4 md:my-0 px-12 py-5 rounded-lg text-white text-2xl shadow bg-purple-500 hover:bg-purple-600">
<count :to="1119"></count>
</div>
<div class="mx-0 md:mx-2 my-4 md:my-0 px-12 py-5 rounded-lg text-white text-2xl shadow bg-green-500 hover:bg-green-600">
<count :to="351"></count>
@curder
curder / how-to-install-font-awesome-in-laravel-mix.md
Last active March 20, 2019 02:00
在 Laravel Mix 中如何安装Font Awesome

下载font-awesome

yarn add font-awesome --save

拷贝字体文件

mix.copy('node_modules/font-awesome/fonts', 'public/fonts/font-awesome');
@curder
curder / .gitignore_global
Last active March 7, 2019 10:22
在mac系统下如何添加全局.gitignore
# .gitignore_global
####################################
######## OS generated files ########
####################################
.DS_Store
.DS_Store?
*.swp
._*
.Spotlight-V100
.Trashes
@curder
curder / laravel_default_pagination.blade.php
Last active February 21, 2019 08:25
Laravel Default Pagination
<ul class="pagination">
<!-- Previous Page Link -->
@if ($paginator->onFirstPage())
<li class="disabled"><span>«</span></li>
@else
<li><a href="{{ $paginator->previousPageUrl() }}" rel="prev">«</a></li>
@endif
<!-- Pagination Elements -->
@foreach ($elements as $element)
@curder
curder / how-to-use-tailwind-css-in-vue-project
Last active March 24, 2019 08:56
tailwind.css在vue.js中的使用，注意vue使用v3版本
安装方法查看评论
@curder
curder / how-to-use-tailwindcss-v0.7.4-in-laravel-or-vuejs-project.md
Last active March 11, 2019 02:42
tailwind.css的使用和优化

tailwindCss项目参考地址：https://tailwindcss.com/docs/installation

新项目安装

composer require laravel-frontend-presets/tailwindcss
php artisan preset tailwindcss
yarn install && yarn run dev && yarn run dev
@curder
curder / card.html
Last active November 11, 2018 12:22
tailwindCSS学习
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Card</title>
<link href="https://cdn.bootcss.com/tailwindcss/0.7.0/tailwind.min.css" rel="stylesheet">
<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<style>
html,body {