# muiApp

**Repository Path**: evahog/vFu

## Basic Information

- **Project Name**: muiApp
- **Description**: 一个使用 Dcloud 搭建的纯原生js 搭建的app
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2017-10-31
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<<<<<<< HEAD


## V服惠众APP



### 公共部分
	- artTemplate 模版 说明 templateStudy.html
	- 公共样式 ../lib/css/common.css
	- 公共js ../lib/js/common/js
	- 公共图文列表样式  ../css/lib/common-image-text.css   例如身边店列表 shop_around.html
	- 公共活动列表样式  ../css/lib/common-activity-list.css  例如搜索活动页面 search_activty.html
	- 公共活动标题样式  ../css/lib/common-activity-title.css  例如团购活动页面 activity_purchase.html
	- 公共活动更多活动样式  ../css/lib/common-activity-more.css  例如团购活动页面 activity_purchase.html
	
### 功能
	
#### 1跳转：go(id,params,wa,ns,ws){}
	- id 要跳转的页面路由
	- params 跳转携带的参数 格式为对象   （可无）
	- wa 是否显示等待框 （可无）
	- ns 是否不自动显示 （可无）
	- ws Webview窗口属性（ 可无）

#### 2获取参数：GetQueryString(name)
	- name 想要获取的参数名
	- return 返回接受到的值

#### 3返回 ：class='mui-action-back'
	- 直接写在标签上
	

#### 4请求 ：$hoog.get()
	- 需要引入 ../js/utilities/mui-ajax.js
	- 具体参数见js文件
	- 示例为 my_options.html

#### 5电话：
	- 示例在my_cardInfo.js

#### 6接口请求示例  js/services/community.js

#### 7判断登录状态
	- 方法在app.js
	- app.getStateFn(function(){})
	- 回调方法为登录之后要执行登录的事件，如果不登录则跳转到登录页面
	- 在登录的时候设置
	- 在注销的时候清除
	- 示例在my_options.js 文件
	
#### 8存储/调用 用户信息
	- 方法在app.js
	- 设置在login.js setUserInfo 其中参数为可配置项
	- app.getUserInfo()  用户信息
	- 示例在mui-ajax.js 
	
#### 9返回刷新
	- 引入common.js
	- 在mui.init 之后
	- 使用 oldBack(id)
	- 参数 id 为父页面（要刷新的页面）的路由名 （没有.html)

### 10判断登录状态
	- 引入app.js
	- 在common.ks之后
	- 使用app.getStateFn(cb)
	- cb为回调函数（多数为跳转到某个页面）
	- 示例请参考 my_options.js
### 11 打开地图显示地理位置
	- mui.openWindow({
		url:'./map.html',
				id:'map',
				extras:{
					positionObj:	longitude//结构  [{"longitude":"125.239955","latitude":"43.821877","name":"V服惠众",route:true}]
				}
	 })
### 12 获取用户经纬度
	- var latitude = localStorage.getItem("latitude");
	- var longitude = localStorage.getItem("longitude");

### 样式

#### 编码 （项目中有不正确的）
	- 文件名（自己创建的文件）  均使用  _  连接   （原MUI组件的文件命名不用修改）
	- class 名称连接使用 - 例如 title-banner
	- id 名称连接使用 _ 例如 go_comment 
	- 对象字符串定义  名称使用驼峰   例如 userName = '111'
	
#### 标题 <header id="header"></header>	

	- class nvbt 返回按钮位置
	- calss nvtt 标题
	- calss nvbt 右侧按钮位置 （可无）
	
#### 内容 <div id="" class="mui-content"></div>
	- 默认padding-top 为44px
	
#### 字体
	- 字体图标样式放在common.css中 
	- 样式在./fonts/demo_fontclass.html
	-  mui-ellipsis 文字超出显示省略号
	
#### 列表
	- ul class  mui-table-view
	- li class  mui-navigate-right
	
#### 模板 
	引入 template-web.js
	语法
	{{value}}
	{{data.key}}
	{{data['key']}}
	{{a ? b : c}}
	{{a || b}}
	{{a + b}} 
	判断
	{{if value}} ... {{/if}}
	{{if v1}} ... {{else if v2}} ... {{/if}}
	循环
	{{each target}}
    {{$index}} {{$value}}
	{{/each}}
	变量
	{{set temp = data.sub.content}}
	过滤器
	{{date | timestamp | dateFormat 'yyyy-MM-dd hh:mm:ss'}}
	使用例子 ： templateStudy.html
	
#### 事件
	事件方法addEventListener 避免使用遍历添加的方式，要使用事件委托，否则会严重影响性能
	demo.addEventListener("tap",function(e){
		var e = e || window.event
		var target = e.target || e.srcElement //兼容处理
		//在这里通过e.target等判断，实现事件委托
		if(e.target === element){
			doSomething()
		}
	},false)
=======
# v服
一个关于优惠的mui APP
>>>>>>> d616ee656560734dcd8bff7389b60af0c6bea89e