原创 自定義微信小程序組件 滾動提示欄

微信小程序組件  滾動提示欄 效果如下 wxml <view wx:if="{{ show }}" class="i-class i-noticebar" style="color: {{ color }}; background-c

原创 微信小程序 實現倒計時

微信小程序  實現倒計時 效果如下: 1.wxml <view class='l_lasttime'><label>距離限時特價僅剩</label> <view class="container"> <text>{{clock}}</

原创 微信小程序 scroll-view隱藏豎向滾動條

微信小程序  scroll-view隱藏豎向滾動條 在wxss裏面添加 ::-webkit-scrollbar{ width: 0; height: 0; color: transparent; }  

原创 微信小程序 下拉菜單

微信小程序  下拉菜單 效果: 1.wxml <!-- 下拉菜單 --> <view id="swiper-tab"> <view class="swiper-tab"> <view class="swiper-tab-li

原创 微信小程序 swiper滑動導航

微信小程序 swiper滑動導航 (高度可以自適應,我用的是可以的) 效果: 1.wxml <!--pages/message/message.wxml--> <view class="swiper-tab"> <view cla

原创 微信小程序加虛線

微信小程序加虛線 border-left: 1rpx dashed #F2F2F2;

原创 微信小程序 文本超出顯示省略號 css

文本超出顯示省略號 css 1.單行 overflow:hidden; //超出隱藏 text-overflow:ellipsis; //溢出顯示用省略號 white-space:nowrap; //溢出不換行 2.多行 overflo

原创 微信小程序鏈接後臺接口,進行數據交互

微信小程序鏈接後臺接口,進行數據交互 新手學微信小程序,設計頁面還可以,有沒有讓進行數據交互的時候就不知道怎麼弄了,下面就記錄一下我是怎麼進行交互的 1.登陸微信小程序平臺,進入首頁,點擊開發設置 2.配置服務器域名 重要的是把配置了

原创 給價格或者數字加橫線

我用微信小程序作爲例子: wxml <view class='hismoney'>¥{{money}}</view> <view class='nowmoney'>¥{{money}}</view> js data: {

原创 微信小程序點擊按鈕簽到

微信小程序點擊按鈕簽到 1.wxml <!-- 點擊簽到 --> <view class='signIn'> <view class='sign-com'> <view class='thead'>

原创 微信小程序實現折現圖

微信小程序實現折現圖 1.需要在網上下載wxcharts.js包,地址:https://www.oschina.net/p/wx-charts 2.wxml <view class='charts'> <canvas canvas-id

原创 點擊其他地方div消失

點擊其他地方div消失 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>點擊其他地方div消失</title> <style>

原创 鼠標懸停在圖片的時候圖片放大再還原

鼠標懸停在圖片的時候圖片放大再還原 1.html: <div class="row row-padded-mb"> <div class="col-md-12 yicheng">

原创 冒泡排序

冒泡排序 冒泡排序它重複地走訪過要排序的元素列,依次比較兩個相鄰的元素,如果他們的順序(如從大到小、首字母從A到Z)錯誤就把他們交換過來。走訪元素的工作是重複地進行直到沒有相鄰元素需要交換,也就是說該元素已經排序完成。 冒泡排序算法的原理

原创 JS實現無縫滾動思路及代碼

JS實現無縫滾動思路及代碼 原理: 1.給ul一個絕對定位使其脫離文檔流,left設置爲0,把圖片塞進ul裏,編寫一個“移動"函數,函數功能能夠使ul的left以一個正速度向右跑動, 2.設置一個定時器,讓"移動"函數每30(參數可變)毫