原创 微信小程序之頁面中關於聊天框三角形的製作和使用

文章目錄方法一:使用三角形的圖片,定位在文本的左側。方法二:通過在頁面中製作一個白色背景的正方形,然後對它進行45度旋轉即可實現。方法三:直接製作一個三角形 我最近需要寫一個消息通知的頁面,需要用到聊天框來展示通知信息。那麼這個聊

原创 有關Android studio 模擬器中輸入中文

新手接觸Android studio時候,碰到了模擬器它系統裏不提供中文輸入,於是我在自己的電腦裏下載好中文輸入法的apk,然後移動模擬器中即可下載好,接下來就是和正常手機一樣設置輸入法了。 效果圖: 下載鏈接:http://

原创 微信小程序之自定義tabBar及切換不同版本顯示不同tabBar

今天,我在寫頁面的時候,碰到需要切換不同身份(兩個版本)時候底部tabBar顯示不同,我的解決方法是: 首先在components(組件模板)下新建一個tabBar.wxml: <template name="tabBar">

原创 微信小程序之自定義頂部導航欄

首先創建一個components的模板組件文件夾,裏面放上我的頂部自定義模板。如圖: 寫好自定義組件後,記得在每個頁面的.json中加上: { "usingComponents": { "navbar": "/com

原创 微信小程序之tabBar自定義及切換不同版本顯示不同tabBar

今天,我在寫頁面的時候,碰到需要切換不同身份(兩個版本)時候底部tabBar顯示不同,我的解決方法是: 首先在components(組件模板)下新建一個tabBar.wxml: <template name="tabBar">

原创 自定義頂部導航

首先創建一個components的模板組件文件夾,裏面放上我的頂部自定義模板。如圖: 寫好自定義組件後,記得在每個頁面的.json中加上: { "usingComponents": { "navbar": "/com

原创 a標籤注意的那些事

javascript: 是一個僞協議,它是表示在觸發默認動作時,執行一段JavaScript代碼。而 javascript:; 表示什麼都不執行,這樣點擊時就沒有任何反應。 href="javascript:;"就是去掉a標籤的默

原创 微信小程序之pinker組件使用以及自動進行相減日期

首先,我這裏使用pinker組件代碼爲 <view class="section"> <view class="section__title">開始時間</view> <picker mode="date

原创 微信小程序之一個盒子的padding部分的背景着色問題

今天給一個有padding的盒子,點擊它後會添加背景色時候,發現並不能鋪滿整個盒子,搜索一下padding部分設置屬性是不可行的,因爲margin和padding只是控制內外邊距的,他們本身就是個屬性,所以無法在他們上面設置。所以

原创 微信小程序之view多選

在微信小程序裏面不使用checkbox怎麼實現view的多選 wxml文件 <block wx:for="{{itemList}}" wx:key="id"> <view class='item_container' bind

原创 VUE項目中main.js、App.vue、import...from...等重要文件的作用和意義

一、main.js    1、 main.js 程序入口文件,初始化vue實例,並引入使用需要的插件和各種公共組件. import Vue from 'vue' import App from './App' import