原创 http service 測試移動端h5

首先下載安裝node.js node 官網就可以 。 然後npm install -g http-server 安裝手機服務執行命令 打開.bat 的文件

原创 vue v-for循環內的數據按鈕點擊增減className

<template> <div> <ul> <li v-for="(item, index) in cureList" :key="item.id"> <d

原创 table表頭固定,內容出滾動條。

表格固定。內容可以滾動(已截圖)。 <div class="m-table-scroll "> <table class="m-table table-bordered is-fixed"> <thead

原创 vue 點擊添加class,其他元素移除class(循環數組)

<div class="admin-main-nav"> <ul id="mainNav"> <li v-for="(item, index) in items" :k

原创 小程序點擊按鈕顯示隱藏

wxml: <view > <button class="{{showView?'show':'hide'}}" bindtap="change">{{showView?'隱藏':'顯示'}}</button> <but

原创 css使用text-align: justify;解決兩個

.publish-the-line .publish-prefix{ width: 52px; } .publish-prefix span{ width: 100%; display: inline-block; text-

原创 小程序金額顯示隱藏

要求上面的金額顯示隱藏。 wxml: <view class="month-spendingBox"> <view class="month-spendingInwrap" bindtap="eyeChange">

原创 新聞列表的圖片img 自適應大小鋪滿美觀

  .hui-news-list-r { width: 32%; float: right; height: 78px; line-height: 78px; } .hui-news-list-r img

原创 關於小程序原生tabBar的使用

在app.json裏面加入 "tabBar": { "color": "#dddddd", "selectedColor": "#3cc51f", "borderStyle": "black", "bac

原创 關於swiper滑動時a標籤誤觸,導致跳轉的解決辦法。(簡單粗暴)

var swiper = new Swiper('.swiper-container', { on: { touchStart: function(event){

原创 jquery.scrollbar模擬滾動條的使用

1.需要引入的文件 <link rel="stylesheet" href="../css/jquery.scrollbar.css" /> <script src="../js/jquery-1.7.2.min.js"></scrip

原创 vue.js組件的全局註冊和局部註冊詳解

1全局註冊實例(按照官網的例子下面是代碼) <div id="app"> <com-btn></com-btn> <com-btn></com-btn> </div> <script> Vue.

原创 vue2.0 tab切換,選項卡。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid