微信小程序import
1. 微信小程序小程序中index.wxss需要怎麼引入app.wxss
import drawer from '../../pages/drawer/drawer.js' 類似於這樣的格式
2. 微信小程序demo怎麼導入到eclipse
首先點擊eclipse左上角的File,打開找到Import...,點擊Improt...,彈出一個窗口,找到Android,打開,選中Existing android Code Into Workspace,然後點擊下一步,又彈出一個窗口,點擊最上面的Browse,選擇要導入的demo,然後點擊Finish.就可以了。
3. 微信小程序主要包含哪幾個入口文件
小程序主要包含以下三個入口文件:
app.js 這個文件是整個小程序的入口文件,我們主要做了網路檢測、用戶信息獲取等;當讓也可以注入公用的方法在其他頁面中去通過getApp()調用(註:頁面中調用app.js中的方法時不需要通過require或者import引入)
app.json 這個文件可以對小程序進行全局配置,決定頁面文件的路徑、整體窗口表現、設置網路超時時間、設置多tab等.
app.wxss 是小程序的公共樣式表
4. 微信小程序怎麼定義height
微信小程序 定義全局數據、函數復用、模版等問題總結: 1.如何定義全局數據 在app.js的App({})中定義的數據或函數都是全局的,在頁面中可以通過var app = getApp(); app.function/key的方式調用,不過我們沒有必要再app.js中定義全局函數。 2.如何實現代碼的復用 函數的復用: test.js test: function(){ } mole.exports={ test:test } other.js var common = require('test.js'); page({ common.test() }) 模板: <template name="odd"> <view> odd </view> </template> <template name="even"> <view> even </view> </template> <block wx:for="{{[1, 2, 3, 4, 5]}}"> <template is="{{item % 2 == 0 ? 'even' : 'odd'}}"/> </block> //我們頁可以把模板定義在其他文件中,以<import src="url"/>的形式引入,但是import有作用域的概念,即只會import目標文件中定義的template, 而不會import目標文件import的template //include可以將目標文件除了<template/>的整個代碼引入,相當於是拷貝到include位置。 3.對於組件中值為boolean類型的屬性,比如progress組件的active屬性,checkbox的checked屬性等等。無論設置成true還是false該屬性都生效,測試發現html中也有這種情況,但通過checked={{}}的方式可以渲染成功。 感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
5. 微信小程序demo怎麼導入開發工具
首先點擊eclipse左上角的File,打開找到Import...,點擊Improt...,彈出一個窗口,找到Android,打開,選中Existing android Code Into Workspace,然後點擊下一步,又彈出一個窗口,點擊最上面的Browse,選擇要導入的demo,然後點擊Finish.就可以了。
6. 微信小程序怎麼引入外部的wxss
一、引入模板
小程序提供了兩個引入外部模板的方法:import和include
使用外部模板可以實現大部分共同頁面的代碼利用,在一個app中,頭部和腳部基本不會
變動太大,這時就可以通過模板的方式引入,實現多個頁面的復用。
1.1 import
示例:
<!--view.wxml-->
<template name="view">
<text>{{text}}</text>
</template>
1
2
3
4
引入:
<import src="view.wxml"/>
<template is="view" data="{{text: 'forbar'}}"/>
1
2
注意:import有作用域,即import引入的模板只在當前頁面有效,即import不會向下查找另外的模板
1.2 include
include標簽可以看作是對 「html」的一個拷貝,即將外部的wxml片段拷貝進文檔中
示例:
外部wxml片段
<!-- header.wxml -->
<view> header </view>
<!-- footer.wxml -->
<view> footer </view>
1
2
3
4
<!-- index.wxml -->
<include src="header.wxml"/>
<view> body </view>
<include src="footer.wxml"/>
1
2
3
4
5
總結:import是引入模板片段,且有作用域限制,不能進行模板嵌套。include是引入wxml片段,相當於代碼拷貝。
二、WXSS 微信樣式表
小程序中,頁面樣式的渲染通過wxss文件實現,.wxss可以看成是css,因為它們都在實現相同的功能。實質上wxss也是在css的基礎之上進行了擴充和修改得到的。
wxss在css上的擴展特性:
1)、尺寸單位:rpx
rpx:是一個相對像素單位,可以根據屏幕寬度進行自適應。
針對移動端的開發,設計稿一般都是以iphone6為標準的。而iphone用的是視網膜屏,即我們css中設定的1px,在iphone上實際是由2px*2px的像素點組成的。
以iphone6為准,屏幕寬度375px,共有750個物理像素,則750rpx=350px,即1rpx=0.5px
2)、樣式導入 @import
跟在css中的外部樣式表的導入類似
@import "common.wxss";
7. 微信小程序可以有多個wxml和wxss嗎
可以看看官網API
8. 微信小程序怎麼實現日歷的年視圖功能
因為日歷是系統自帶的,所以讀寫它一定要申請許可權,也就是在AndroidManifest.xml加如下兩行代碼(一個讀一個寫):
<uses-permission android:name="android.permission.READ_CALENDAR"/>
<uses-permission android:name="android.permission.WRITE_CALENDAR"/>
Android中日歷用了三個URL,分別是日歷用戶的URL,事件的URL,事件提醒URL,三個URL在Android2.1之前是如下的樣子:
calanderURL = "content://calendar/calendars";
calanderEventURL = "content://calendar/events";
calanderRemiderURL= "content://calendar/reminders";
但是在Android2.2版本以後,三個URL有了改變,變成如下的樣子:
calanderURL = "content://com.android.calendar/calendars";
calanderEventURL = "content://com.android.calendar/events";
calanderRemiderURL = "content://com.android.calendar/reminders";
簡單的Demo,按照我的步驟一步一步的來:
第一步:新建一個Android工程命名為CalendarDemo.
第二步:修改main.xml布局文件,增加了三個按鈕,代碼如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"
/>
<Button
android:id="@+id/readUserButton"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Get a User"
/>
<Button
android:id="@+id/readEventButton"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Get a Event"
/>
<Button
android:id="@+id/writeEventButton"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Input a Event"
/>
</LinearLayout>
第三步:修改主核心程序CalendarDemo.java,代碼如下:
package com.tutor.calendardemo;
import java.util.Calendar;
import android.app.Activity;
import android.content.ContentValues;
import android.database.Cursor;
import android.net.Uri;
import android.os.Build;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.Toast;
public class CalendarDemo extends Activity implements OnClickListener {
private Button mReadUserButton;
private Button mReadEventButton;
private Button mWriteEventButton;
private static String calanderURL = "";
private static String calanderEventURL = "";
private static String calanderRemiderURL = "";
//為了兼容不同版本的日歷,2.2以後url發生改變
static{
if(Integer.parseInt(Build.VERSION.SDK) >= 8){
calanderURL = "content://com.android.calendar/calendars";
calanderEventURL = "content://com.android.calendar/events";
calanderRemiderURL = "content://com.android.calendar/reminders";
}else{
calanderURL = "content://calendar/calendars";
calanderEventURL = "content://calendar/events";
calanderRemiderURL = "content://calendar/reminders";
}
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
setupViews();
}
private void setupViews(){
mReadUserButton = (Button)findViewById(R.id.readUserButton);
mReadEventButton = (Button)findViewById(R.id.readEventButton);
mWriteEventButton = (Button)findViewById(R.id.writeEventButton);
mReadUserButton.setOnClickListener(this);
mReadEventButton.setOnClickListener(this);
mWriteEventButton.setOnClickListener(this);
}
@Override
public void onClick(View v) {
if(v == mReadUserButton){
Cursor userCursor = getContentResolver().query(Uri.parse(calanderURL), null,
null, null, null);
if(userCursor.getCount() > 0){
userCursor.moveToFirst();
String userName = userCursor.getString(userCursor.getColumnIndex("name"));
Toast.makeText(CalendarDemo.this, userName, Toast.LENGTH_LONG).show();
}
}else if(v == mReadEventButton){
Cursor eventCursor = getContentResolver().query(Uri.parse(calanderEventURL), null,
null, null, null);
if(eventCursor.getCount() > 0){
eventCursor.moveToLast();
String eventTitle = eventCursor.getString(eventCursor.getColumnIndex("title"));
Toast.makeText(CalendarDemo.this, eventTitle, Toast.LENGTH_LONG).show();
}
}else if(v == mWriteEventButton){
//獲取要出入的gmail賬戶的id
String calId = "";
Cursor userCursor = getContentResolver().query(Uri.parse(calanderURL), null,
null, null, null);
if(userCursor.getCount() > 0){
userCursor.moveToFirst();
calId = userCursor.getString(userCursor.getColumnIndex("_id"));
}
ContentValues event = new ContentValues();
event.put("title", "與蒼井空小-姐動作交流");
event.put("description", "Frankie受空姐邀請,今天晚上10點以後將在Sheraton動作交流.lol~");
//插入[email protected]這個賬戶
event.put("calendar_id",calId);
Calendar mCalendar = Calendar.getInstance();
mCalendar.set(Calendar.HOUR_OF_DAY,10);
long start = mCalendar.getTime().getTime();
mCalendar.set(Calendar.HOUR_OF_DAY,11);
long end = mCalendar.getTime().getTime();
event.put("dtstart", start);
event.put("dtend", end);
event.put("hasAlarm",1);
Uri newEvent = getContentResolver().insert(Uri.parse(calanderEventURL), event);
long id = Long.parseLong( newEvent.getLastPathSegment() );
ContentValues values = new ContentValues();
values.put( "event_id", id );
//提前10分鍾有提醒
values.put( "minutes", 10 );
getContentResolver().insert(Uri.parse(calanderRemiderURL), values);
Toast.makeText(CalendarDemo.this, "插入事件成功!!!", Toast.LENGTH_LONG).show();
}
}
}
第四步:在AndroidManifest.xml中申請許可權,代碼如下:
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.tutor.calendardemo"
android:versionCode="1"
android:versionName="1.0">
<application android:icon="@drawable/icon" android:label="@string/app_name">
<activity android:name=".CalendarDemo"
android:label="@string/app_name">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
<uses-sdk android:minSdkVersion="7" />
<uses-permission android:name="android.permission.READ_CALENDAR"/>
<uses-permission android:name="android.permission.WRITE_CALENDAR"/>
</manifest>
第五步:運行上述Android工程,查看效果:
9. 微信小程序 頁面怎麼引入css文件
一個小程序頁面由四個文件組成,分別是:js
頁面邏輯 、wxml
頁面結構 、wxss
頁面樣式表 、json
頁面配置 。把樣式寶貝到當前頁面同名的.wxss文件裡面就可以了