原创 uni-app海報(合成圖片)demo

<template> <view class='page'> <input type="text" value="" class="input" v-model="text" placeholder="請輸入需要添加的文字" ma

原创 uni-app(圖片裁剪插件)

<template>     <view class="page page-fill">         <view class="page-body uni-content-info">             <view class=

原创 uni-app(跨端兼容)

#ifdef XXX 表示僅在某平臺存在 #endif 都要以 #endif 結尾 #ifndef xxx 表示除了某平臺其他的均存在 #endif 都要以 #endif 結尾

原创 微信分享

export const defaultWxshare = (shareImg,shareDesc,shareTitle) => { let LocUrl = encodeURIComponent(location.href.spl

原创 彈性佈局(flex)總結

父元素身上的屬性 1:flex-direction --控制子元素的排列方式 flex-direction: row | row-reverse | column | column-reverse; /* row(從左到右)

原创 簡單的利用JS來判斷頁面是在手機端還是在PC端打開的方法

window.location.href = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ? "https://www.baidu.com/" :

原创 數字滾動效果(number-flip)

<script src='./number-flip.min.js'></script> <div id="demo"></div> <script> var demo = new Flip({ node: do

原创 js點擊按鈕喚醒app

<a onclick="openApp()">點擊喚醒app</a> var download_schema = 'taobao://'; //app的協議有安卓同事提供,這裏是用的淘寶 var universal_link = '

原创 scss-mixin的基本(手機1px邊框適配)

$border-poses:top, right, bottom, left; $color:#333; @mixin border-1px($color, $pos) { position: relative; &::af

原创 怎麼在手機端是實現1px的邊框

單邊像素邊 .scale-1px { position: relative; border: none; } .scale-1px:after { content: ""; position: absolut

原创 sticky footer佈局

  到頁面內容鋪不滿頁面時候,下方div始終定在下面; 當頁面內容多餘一屏的時候,下方的div會被頂到下面去 <div id="main"> <div class="main_top clearfix">

原创 clipboard兼容ios和安卓的複製插件

首先js的引入 <script src='./clipboard.min.js'></script> 2個元素的複製呼應 <div class='copydiv'> <p>鏈接:<span id='urlSpan'>http

原创 細線表格

<table border="1" cellspacing="0" bordercolor="#000000" width = "80%" style="border-collapse:collapse;"> <tr>

原创 vue-跟隨屏幕位置改變的半場動畫

定義小球(如果當前頁面有其他的動畫效果的定義,不要用默認的v-enter...,要重新定義name,用name-enter,用此方式覆蓋污染) <transition @before-enter="beforeEnter" @enter

原创 vue總結

1.vue的初始化 let vm = new Vue({ el: '#app', //指定操作的dom data: { //定義屬性 msg: 1231,