160914、ionic指令简单布局
1) 添加引用类库(ionic样式和ionic js文件)2) 标题栏，页脚栏，内容区3) Js引入ionic类库，添加页面操作方法和对象4) 数据初始化5) Html页面绑定方法和对象<!DOCTYPE html><html ng-app="myApp"><head><meta charset="UTF-8"><meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height"><link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet"><script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script></head><body ng-controller="myCtrl"><ion-header-bar align-title="center" class="bar-positive"> 1. 标题栏<div class="buttons"><button class="button">Left Button</button></div> <h1 class="title">ion-header-bar</h1> <a class="button button-clear icon ion-cloud"></a></ion-header-bar><ion-content class="has-header" overflow-scroll="true"> 3. 内容区 <!--Form对象 --> <div class='list card' ng-controller="contr-2"><h3> 控制器</h3><label class="item item-input"><span class="input-label">First Name：</span><input type="text" ng-model="firstName" placeholder="First Name"></label><label class="item item-input"><span class="input-label">Last Name：</span><input type="text" ng-model="lastName" placeholder="Last Name"></label><label class="item"> Full Name : <span ng-bind="firstName + ',' + lastName"></span></label> <button class="button button-calm button-block" ng-click="hello()">button-light</button></div> <!--列表对象 --><ul class="list card" ng-init="number=[1,2,2,3,4]" ><li class="item" ng-repeat="x in number track by $index"> 遍历重复集合<span ng-bind="$index"></span> : {{x}} 索引号</li></ul> <ul class="list"><li class="item" ng-repeat="item in items"><span ng-bind="$index"></span> :{{item}}</li></ul> </ion-content> <ion-footer-bar align-title="left" class="dark-bg"> 2. 页脚栏<div class="buttons"> 按钮<button class="button" ng-click="doSomething()">Left Button</button></div> <h1 class="title light">ion-footer-bar</h1> 标题<div class="button-bar"> 工具组<a class="button button-clear icon ion-ios-loop" ></a></div></ion-footer-bar></body><script>angular.module("myApp",["ionic"]).controller("contr-2",function($scope){$scope.firstName = 'zhang';$scope.lastName = 'san';$scope.hello = function () {alert("hello!"); }; }) .controller("myCtrl",function($scope){ 添加控制器$scope.items = []; 数据初始化for(var i=0;i<20;i++)$scope.items.push("line " + i);$scope.doSomething = function () { 添加方法console.log("doSomething。。。");}; }); </script> </html>1.4.1. ionic 头部和底部ion-header-bar 如果给它加上'bar-subheader' 这个样式，它就是副标题align-title 对齐如果没有设置，它将会按照手机的默认排版(Ios的默认是居中，Android默认是居左)。它的值可以是 'left','center','right'。no-tap-scroll 设置 header-bar 是否跟随着内容的滚动而滚动，就是是否固定在顶部。它的值是布尔值（true/false） ion-footer-baralign-title 如果没有设置，它将会按照手机的默认排版(Ios的默认是居中，Android默认是居左)。它的值可以是 'left','center','right'。与 ion-header-bar 不同的是，ion-footer-bar 只有 align-title 这个 API。ion-content指令定义内容区域. overflow-scroll="true" 使用系统内置的滚动条1.4.2. 表单输入 ion-checkbox ion-radio ion-spinner<body ng-controller="myCtrl"><div class="list card"><div class="item item-divider"> 当前支付方式: {{ data.pay }} </div><ion-radio ng-repeat="item in payList" ng-value="item.value" ng-model="data.pay">{{ item.text }}</ion-radio> <div class="item item-divider">pay : {{ data.pay }}</div><ion-radio ng-repeat="item in payList" ng-value="item.value" ng-model="data.pay" ng-change="payChange(item)" name="pay">{{ item.text }}</ion-radio><div class="item item-divider"> pay: {{ data.pay }} <br> mycity: {{ mycity }}<br><select ng-model="data.pay" ng-options="pay.value as pay.text for pay in payList" ng-change="payChange(data)"></select> <select ng-model="mycity.value" ng-options="city.value as city.name group by city.group for city in Cities"ng-change="cityChange(mycity)"></select>注意绑定值，传递参数</div></div> <!--绑定json列表数据的text和checked--> <div class="list card"> <!--选中颜色 --> <ion-checkbox class="checkbox-dark" ng-repeat="item in devList" ng-model="item.checked" ng-checked="item.checked">{{ item.text }}: {{item. checked }}</ion-checkbox> <ion-toggle ng-repeat="item in devList" ng-model="item.checked" ng-checked="item.checked">{{ item.text }}</ion-toggle></div><!--绑定json对象数据的checked 数据改变事件--> <ion-checkbox ng-model="pushNotification.checked" ng-change="pushNotificationChange()">Push Notifications</ion-checkbox> <ion-toggle ng-model="pushNotification.checked" ng-change="pushNotificationChange()">Push Notifications</ion-toggle> <!--绑定 判断是否选中--> <ion-checkbox ng-model="emailNotification" ng-true-value="Subscribed" ng-false-value="Unubscribed"> Newsletter</ion-checkbox><ion-toggle ng-model="emailNotification" ng-true-value="Subscribed" ng-false-value="Unubscribed" toggle-class="toggle-assertive" > Newsletter </ion-toggle> <!--查看json对象--><div class="item"><pre ng-bind="devList | json"></pre> <pre ng-bind="pushNotification | json"></pre> <pre ng-bind="emailNotification | json"></pre></div><div class="list"><div class="item item-divider"> 当前支付方式: {{ data.pay }} pay : {{ data.pay }} </div><ion-radio ng-repeat="item in payList" ng-value="item.value" ng-model="data.pay"> {{ item.text }} </ion-radio><ion-radio ng-repeat="item in payList" ng-value="item.value" ng-model="data.pay" ng-change="payChange(item)" name="pay">{{ item.text }}</ion-radio></div></div> </body></html><script>angular.module("myApp",["ionic"]).controller('myCtrl', function ($scope) {$scope.mycity = { id: 1, name: '北京',value: 'beijng', group: '中国' };$scope.Cities = [{ id: 1, name: '北京',value: 'beijng', group: '中国' },{ id: 2, name: '上海',value: 'shanghai', group: '中国' },{ id: 3, name: '广州',value: 'guangzhou', group: '中国' }];$scope.cityChange = function(item) {console.log("item", item); };$scope.payList = [{ text: "albaba alipay", value: "alipay" },{ text: "ebay paypal", value: "paypal" } ];$scope.data = { pay: 'alipay'};$scope.payChange = function(item) { console.log("pay:", item.pay); };///// $scope.devList = [{ text: "HTML5", checked: true},{ text: "CSS3", checked: false},{ text: "JavaScript", checked: false}];$scope.pushNotification = { checked: true}; $scope.emailNotification = 'Subscribed'; $scope.pushNotificationChange = function () { console.log('Push Notification Change', $scope.pushNotification.checked); };});</script>1.4.2.1. 复选按钮 : ion-checkbox 开关按钮ion-toggle支持数据绑定。使用可选的ng-model属性，绑定：可直接绑定列表对象，根据item对象是否选中；可直接绑定对象属性true；可绑定对象的文本是否为指定的值。事件：ng-change 对象选中值改变1.4.2.2. 单选按钮 : ion-radio使用可选的ng-model属性，实现与作用域变量的数据绑定使用可选的ng-value属性，可以使用作用域变量设置单选按钮对应的值list列表json对象中选中单个json, ng-change 对象选中值改变 传入 item1.4.2.3. 下拉选择 : select使用可选的ng-model属性，实现与作用域变量的数据绑定<select ng-model="mycity.value" ng-options="city.value as city.name group by city.group for city in Cities"ng-change="cityChange(mycity)"></select> ng-model为实际选中的值mycity，ng-options对列表对象或hashmap轮询，分组。处理好显示信息和实际值 ，ng-change 对象选中值改变 传入 item1.4.2.4. 等待指示器 : ion-spinner<ion-item ng-repeat="item in items" ><ion-spinner icon="{{item}}"></ion-spinner></ion-item> $scope.items = ["android","ios","ios-small","bubbles","circles","crescent","dots","lines","ripples","spiral"];1.4.3. ionic 手势事件1.4.3.1. on-hold长按的时间是500毫秒 <button on-hold="onHold()" class="button"> Test</button>1.4.3.2. on-tap 这个是手势轻击事件，如果长按时间超过250毫秒，那就不是轻击了。。 <button on-tap="onTap()" class="button"> Test </button>1.4.3.3. on-double-tap手双击屏幕事件<button on-double-tap="onDoubleTap()"class="button"> Test</button>1.4.3.4. on-touch 这个和 on-tap 还是有区别的，这个是立即执行，而且是用户点击立马执行。不用等待 touchend/mouseup 。 <button on-touch="onTouch()" class="button"> Test </button> 1.4.3.5. on-release当用户结束触摸事件时触发。 <button on-release="onRelease()" class="button"> Test</button> 1.4.3.6. on-drag 这个有点类似于PC端的拖拽。当你一直点击某个物体，并且手开始移动，都会触发 on-drag。 <button on-drag="onDrag()"class="button"> Test</button> 1.4.3.7. on-drag-up 向上拖拽<button on-drag-up="onDragUp()" class="button"> Test</button> 1.4.3.8. on-drag-right向右拖拽。 <button on-drag-right="onDragRight()" class="button"> Test</button> 1.4.3.9. on-drag-down 向下拖拽<button on-drag-down="onDragDown()" class="button">Test</button> 1.4.3.10. on-drag-left 向左边拖拽<button on-drag-left="onDragLeft()" class="button">Test</button> 1.4.3.11. on-swipe 指手指滑动效果可以是任何方向上的。而且也和 on-drag 类似，都有四个方向上单独的事件。 <button on-swipe="onSwipe()" class="button"> Test</button>1.4.3.12. on-swipe-up 向上的手指滑动效果。 <button on-swipe-up="onSwipeUp()" class="button"> Test</button> 1.4.3.13. on-swipe-right 向右的手指滑动效果。 <button on-swipe-right="onSwipeRight()" class="button"> Test</button> 1.4.3.14. on-swipe-down 向下的手指滑动效果。 <button on-swipe-down="onSwipeDown()" class="button"> Test</button> 1.4.3.15. on-swipe-left 向左的手指滑动效果<button on-swipe-left="onSwipeLeft()" class="button"> Test</button>1.4.3.16. $ionicGesture一个angular服务展示ionicionic.EventController手势。on(eventType, callback, $element) 在一个元素上添加一个事件监听器。eventType string 监听的手势事件。callback function(e) 当手势事件发生时触发的事件。$element element angular元素监听的事件。options object 对象。off(eventType, callback, $element) 在一个元素上移除一个手势事件监听器。eventType string 移除监听的手势事件。callback function(e) 移除监听器。$element element 被监听事件的angular元素。1.4.4. ionic 列表操作以及高性能的ng-repeat<ion-header-bar class="bar-positive"> 通过ng-click修改变量，进而控制按钮是否显示<a class="button button-clear icon ion-ios-minus-outline" ng-click="flag.showDelete=!flag.showDelete;flag.showReorder=false;"></a><h1 class="title">成员按钮</h1><a class="button" ng-click="flag.showReorder=!flag.showReorder;flag.showDelete=false;">重新排序</a></ion-header-bar><ion-list can-swipe="true" show-delete="flag.showDelete" show-reorder="flag.showReorder"><ion-item ng-repeat="item in items">{{item}}<ion-option-button class="button-calm icon ion-edit"></ion-option-button><ion-option-button class="button-energized icon ion-share"></ion-option-button><ion-delete-button class="ion-minus-circled" ng-click="delete_item(item)"></ion-delete-button> item为传入对象<ion-reorder-button class="ion-navicon" on-reorder="move_item(item,$fromIndex,$toIndex)"></ion-reorder-button></ion-item></ion-list><script>angular.module("myApp",["ionic"]).controller("myCtrl",function($scope){$scope.flag={showDelete:false,showReorder:false};$scope.items=["Chinese","English","German","Italian","Janapese","Sweden","Koeran","Russian","French"];$scope.delete_item=function(item){var idx = $scope.items.indexOf(item);$scope.items.splice(idx,1);};$scope.move_item = function(item, fromIndex, toIndex) {$scope.items.splice(fromIndex, 1);$scope.items.splice(toIndex, 0, item);};$scope.close = function(){$ionicListDelegate.closeOptionButtons();};});1). ion-list ion-itemshow-delete - 是否显示成员内的delete按钮show-reorder - 是否显示成员内的reorder按钮can-swipe - 是否支持滑动方式显示成员option按钮2). ion-list ion-item 成员ion-option-button - 选项按钮ng-click指令来挂接点击事件监听函数 var optionListener = function(item){...}ion-delete-button - 删除按钮 var deleteListener = function(item){...}ion-reorder-button - 重排按钮 var reorderListener = function(item,$fromIndex,$toIndex){...}3). collection-repeat : 高性能的ng-repeat<ion-list><ion-item collection-repeat="item in items">{{item}}<ion-option-button class="button-positive">...</ion-option-button></ion-item></ion-list> collection-repeat指令比ng-repeat更适用于大数据量 的列表数据，它只将处于可视区域的数据渲染到DOM上。collection-repeat指令接受一个枚举表达式，同时可以附加以下的属性：item-width - 可选。声明重复元素的宽度item-height - 可选。声明重复元素的高度item-render-buffer - 可选。需要载入渲染缓冲区的可视数据前后的数量。默认为3force-refresh-images - 可选。滚动时是否强制刷新图像。允许值：true | false4). 脚本接口 : $ionicListDelegateshowReorder([showReorder]) - 显示/关闭排序按钮 showReorder的允许值为：true | false。可以使用一个作用域上的表达式showDelete([showDelete]) - 显示/关闭删除按钮 showDelete的允许值为： true | false。可以使用一个作用域上的表达式canSwipeItems([canSwipeItems]) - 是否允许通过滑动方式来显示成员选项按钮canSwipeItems的允许值为：true | false。可以使用一个作用域上的表达式closeOptionButtons() - 关闭所有选项按钮1.4.5. ionic 选项卡栏操作1.4.5.1. ion-tabs简介，设置，标题文字、图标和徽章显示隐藏<ion-tabs class="tabs-positive tabs-striped"> tabs-top tabs-dark tabs-icon-only位置和条带风格 <ion-tab title="tab1"><ion-view> ……</ion-tab> //图标 icon-on和icon-off - 选中未选中状态图标 微章内容及样式<ion-tab title=" tab2" icon-on="ion-ios-clock" icon-off="ion-ios-clock-outline" badge="12" badge-style="badge-assertive"><ion-nav-view name="tab-tab2"></ion-nav-view> 在name 放tab-tab2</ion-tab><ion-tab title="tab3" disabled="true"> // disabled - 禁止，hidden - 隐藏<ion-view><ion-content class="energized-bg">tab 3 content</ion-content></ion-view></ion-tab></ion-tabs>1.4.5.2. ion-tabs 事件和 $ionicTabsDelegate事件：on-select ，on-deselect ，ng-click$ionicTabsDelegate服务：select(index)，selectedIndex()<ion-tab title="tab3" on-select="on_select(3)"><ion-view><ion-content class="energized-bg">tab 3 content</ion-content></ion-view></ion-tab><script>angular.module("ezApp",["ionic"]).controller("ezCtrl",function($scope){$scope.title="ion-tab : events";$scope.on_select = function(idx){$scope.title = ["ion-tab ",idx," selected!"].join("");}}).controller("ezCtrl",function($scope,$ionicTabsDelegate,$interval){var idx=0;$interval(function(){ // interval 定时刷新 idx = (idx + 1) % 3;console.log(idx);$ionicTabsDelegate.select(idx); // select(index) - 选中指定的选项页 },2000);});</script>1.4.5.3. ion-tabs路由详解ionic中结合tab状态嵌套app.config(function($stateProvider,$urlRouterProvider) {$stateProvider.state('tab', {url: "/tab",abstract:true,templateUrl: "tabs.html"}) .state('tab.tab1', { 1).使用“点标记法”url: '/tab1',views:{'tab-tab1':{templateUrl: "tab-tab1.html",controller:'tab1Controller'}}}).state('tab2', {parent: 'tab', 2).使用parent属性，指定一个父状态的名称字符串url: '/tab2',views:{'tab-tab2':{templateUrl: "tab-tab2.html",controller:'tab2Controller'}}}).state(tab.tab3, {url: '/tab3',views:{ 定义ion-nav-view并且加上name属性<ion-nav-view name="tab-tab2"></ion-nav-view>'tab-tab3':{ 定义view 并对应 ion-nav-view 中的name属性templateUrl: "tab-tab3.html",controller:'tab3Controller'}}}) $urlRouterProvider.otherwise('/tab/tab1');})3).使用parent属性，指定一个父状态对象var contacts = { name: 'contacts', templateUrl: 'contacts.html' }var contactsList = { name: 'list', parent: contacts, //mandatory templateUrl: 'contacts.list.html' } states 抽象状态abstract一个抽象的状态可以有子状态但不能显式激活，它将被隐性激活当其子状态被激活时。两个最常用的抽象状态的示例：•为所有子状态预提供一个基url •在父状态中设置template属性，子状态对应的模板将插入到父状态模板中的ui-view(s)中<!--主页面导航框架：导航栏和回退按钮，导航视图--><ion-nav-bar class="bar-positive"><ion-nav-back-button></ion-nav-back-button></ion-nav-bar><!-- --><ion-nav-view></ion-nav-view><!--导航页面 --><script id="tabs.html" type="text/ng-template"><ion-header-bar class="bar-positive"><h1 class="title"> ion-tabs</h1></ion-header-bar><ion-tabs class="tabs-icon-top tabs-positive"><ion-tab title="tab1" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" href="#/tab/tab1"><ion-nav-view name="tab-tab1"></ion-nav-view></ion-tab><ion-tab title="tab2" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes"badge="12" badge-style="badge-assertive" href="#/tab/tab2"><ion-nav-view name="tab-tab2"></ion-nav-view></ion-tab><ion-tab title="tab3" icon-off="ion-ios-gear-outline" icon-on="ion-ios-gear" href="#/tab/tab3"><ion-nav-view name="tab-tab3"></ion-nav-view></ion-tab><ion-tab title="Home1" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline"><ion-view><ion-header-bar class="bar-positive"> 为什么不起作用？<h1 class="title">home tab</h1></ion-header-bar><ion-content><p>home content</p></ion-content></ion-view></ion-tab></ion-tabs></script><!—应用页面 --><script id="tab-tab1.html" type="text/ng-template"> 应用页面放在ion-view 里遵循它的特点，title 和buttons放在<ion-view view-title="Tab1"><ion-nav-buttons side="right"><button class="button" ng-click="doSomething()"> register </button></ion-nav-buttons><ion-content>Tab1 {{title}}<!—三级页面 --><a class="button" href="#/tab/content1/10">跳转到内容</a><a class="button" href="#/news">news跳转到内容</a></ion-content></ion-view></script><script>var app = angular.module('myApp', ['ionic']);app.config(function($stateProvider,$urlRouterProvider) {$stateProvider.state('tab', {url: "/tab",abstract:true,templateUrl: "tabs.html"}) .state('tab.tab1', {url: '/tab1',views:{'tab-tab1':{templateUrl: "tab-tab1.html",controller:'tab1Controller'}}}).state('tab2', {parent: 'tab', url: '/tab2',views:{'tab-tab2':{templateUrl: "tab-tab2.html",controller:'tab2Controller'}}}).state('tab.content1', { tab.content1状态的页面放在ion-nav-view的name属性为tab-tab1 里url: '/content1/:id',views:{'tab-tab1':{templateUrl: "tab-content1.html",controller:'content1Controller'}}}).state('news', { 只能放在最外面的ion-nav-view里url: '/news',templateUrl: "news.html"}) $urlRouterProvider.otherwise('/tab/tab1');}).controller('tab2Controller', function($scope) {$scope.title='tab2Controller';}).controller('content1Controller', function($scope,$stateParams) {$scope.title='content1Controller';console.log($stateParams);}); </script>1.4.6. 侧边栏ion-side-menus<body ng-app="ionic" > <ion-side-menus> 侧边栏菜单<ion-side-menu-content drag-content="true" edge-drag-threshold=50 class="calm-bg"> 主区域容器<ion-header-bar class="bar-dark"><!--切换左侧栏显示状态--><a menu-toggle="left" class="button icon ion-navicon"></a><h1 class="title">ion-side-menu-content</h1> </ion-header-bar> <ion-content class="positive-bg">menu-close指令关闭侧栏内容 <a menu-close="" class="button icon ion-navicon"></a></ion-content> </ion-side-menu-content> 侧边栏区域容器<ion-side-menu side="left" width="150" expose-aside-when="(min-width:300px) " class="balanced-bg">左侧区域</ion-side-menu><ion-side-menu side="right" width="150" class="dark-bg">右侧区域</ion-side-menu></ion-side-menus></body>1).侧边栏菜单 : ion-side-menus2).侧边栏打开关闭 切换指令 : menu-toggle/menu-close3).主区域容器ion-side-menu-content 属性设置drag-content - 是否允许拖动内容打开侧栏菜单edge-drag-threshold -启用边距检测,正数，当拖动发生在距离边界小于这个数,触发侧栏显示。为true时，使用默认的25px作为边距阈值。为false或0，则意味着禁止边距检测，可在内容区域的任何地方拖动来打开侧栏4).侧边栏区域容器 : ion-side-menuwidth - 侧边栏的宽度 width属性是可选的，表示以像素为单位的侧栏菜单宽度。默认为275pxis-enabled - 是否可用expose-aside-when - 侧边栏自动显示条件表达式默认情况下，侧边栏是隐藏的，需要用户向左或向右拖动内容，或者通过一个切换按钮来打开。 但是在有些场景下（比如，横放的平板）屏幕宽度足够大，这时，自动地显示侧边栏内容会更 合理。expose-aside-when属性就是处理这种情况的，和CSS3的@meida类似，expose-aside-when需要 一个CSS表达式，例如：expose-aside-when="(min-width:500px)"，这意味着当屏幕宽度大于 500px时将自动显示侧栏菜单。ionic为expose-aside-when提供了一个快捷选项：large ， 这等同于 (min-width:768px)。5).脚本中控制侧边栏菜单接口 : $ionicSideMenuDelegate<ion-header-bar class="bar-positive"><a class="button" ng-click="toggle1();">切换</a></ion-header-bar><script>angular.module("myApp",["ionic"]).controller("myCtrl",function($scope,$ionicSideMenuDelegate){$scope.toggle1 = function(){$ionicSideMenuDelegate.toggleLeft();};});</script> getOpenRatio() - 侧栏菜单打开的宽度占其总宽度比例canDragContent([canDrag]) - 是否允许拖拽内容以打开侧栏菜单edgeDragThreshold(value) - 设置边框距离阈值6).ion-tap结合 ion-side-menus一起使用<ion-side-menus><ion-side-menu-content class="calm-bg"><ion-nav-bar class="bar-positive"><ion-nav-back-button></ion-nav-back-button></ion-nav-bar><ion-tabs class="tabs-icon-top tabs-positive"><!-- Dashboard Tab --><ion-tab title="tab1" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" href="#/tab/tab1"><ion-nav-view name="tab-tab1"></ion-nav-view></ion-tab><!-- Chats Tab --><ion-tab title="tab2" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes" href="#/tab/tab2"><ion-nav-view name="tab-tab2"></ion-nav-view></ion-tab><!-- Account Tab --><ion-tab title="tab3" icon-off="ion-ios-gear-outline" icon-on="ion-ios-gear" href="#/tab/tab3"><ion-nav-view name="tab-tab3"></ion-nav-view></ion-tab></ion-tabs></ion-side-menu-content><ion-side-menu side="left" width="150" class="balanced-bg">左侧区域</ion-side-menu><ion-side-menu side="right" width="150" class="dark-bg">右侧区域</ion-side-menu></ion-side-menus>1.4.7. 幻灯指令 ion-slide-box1.4.7.1. 幻灯片 : ion-slide-box指令介绍1.4.7.2. ion-slide-box : 属性设置定制播放行为1.4.7.3. ion-slide-box : 事件及变量1.4.7.4. 脚本接口: $ionicSlideBoxDelegate<ion-slide-box on-slide-changed="slideChanged(index)"><ion-slide><h3>Thank you for choosing the Awesome App!</h3><div id="logo"><img src="http://code.ionicframework.com/assets/img/app_icon.png"></div><p> We've worked super hard to make you happy.</p><p> But if you are angry, too bad. </p></ion-slide><ion-slide><h3>Using Awesome</h3><div id="list"><h5>Just three steps:</h5><ol><li>Be awesome</li><li>Stay awesome</li><li>There is no step 3</li></ol></div></ion-slide><ion-slide><h3>Any questions?</h3><p> Too bad! </p></ion-slide><ion-slide><h3>Any questions?</h3><p> 这是第四个 </p></ion-slide></ion-slide-box>1.5. ionic指令复杂布局1.5.1. ion-scroll滚动框<ion-scroll class="has-header" zooming="true" direction="xy" style="width: 500px; height: 500px"><div style="width: 5000px; height: 5000px; background: url('img/map.jpg') repeat"></div></ion-scroll>5. 滚动框 : ion-scroll1.5.2. 下拉更新数据 : ion-refresher<body ng-controller="firstCtrl"><ion-content class="has-header"><ion-refresher pulling-text="Pull to refresh..." on-refresh="doRefresh()" spinner="android"></ion-refresher><ul class="list"><li class="item" ng-repeat="item in items">{{item}}</li></ul> </ion-content><script>angular.module("myApp",["ionic"]).controller("firstCtrl",function($scope){//$scope.items=[];//for(var i=0;i<50;i++)// $scope.items.push(["this is line ",i].join("")); $scope.items = ['item1','item2','item3'];var base = 1;$scope.doRefresh = function() {for(var i=0;i<10;i++,base++)$scope.items.unshift(["item ",base].join(""));$scope.$broadcast("scroll.refreshComplete"); // Stop the ion-refresher from spinning };});</script></body>1.5.3. 上拉更新数据 : ion-infinite-scroll<body ng-controller="firstCtrl"><ion-content class="has-header"><ion-infinite-scroll on-infinite="load_more();" icon="ion-load-a" distance="1%" immediate-check="true"></ion-infinite-scroll><ul class="list"><li class="item" ng-repeat="item in items">{{item}}</li></ul> </ion-content><script>angular.module("myApp",["ionic"]).controller("firstCtrl",function($scope,$timeout){$scope.items = ['1111','22222'];var base = 0;$scope.load_more = function(){$timeout(function(){for(var i=0;i<3;i++,base++)$scope.items.push(["item ",base].join(""));$scope.$broadcast("scroll.infiniteScrollComplete");},500);}; });</script>1.5.4. 脚本接口 : $ionicScrollDelegate<ion-footer-bar class="bar-positive"><a class="button" ng-click="gotop();">GO TOP!</a><a class="button" ng-click="gobottom();">GO BOTTOM!</a><a class="button" ng-click="getScrollPosition();">ScrollPosition</a></ion-footer-bar></body></html><script>angular.module("myApp",["ionic"]).controller("firstCtrl",["$scope","$ionicScrollDelegate",function($scope,$ionicScollDelegate){$scope.items = [];for(var i=0;i<100;i++)$scope.items.push(["item ",i+1].join(""));$scope.gotop = function(){$ionicScollDelegate.scrollTop(true);}$scope.gobottom = function(){$ionicScollDelegate.scrollBottom(true);}$scope.getScrollPosition = function(){console.log($ionicScollDelegate.getScrollPosition());}}]);</script>1.5.5. 百度地图<head><meta charset="UTF-8"><meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height"><link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/1.2.4/css/ionic.css"><script src="lib/ionic/js/ionic.bundle.min.js"></script><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=0KzDtnrAVfdyBds7BV55rfzZ"></script><style type="text/css">body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}</style> </head><body ng-controller="firstCtrl"><ion-content scroll="false" class="has-header"><div id="allmap"></div></ion-content><script>angular.module("myApp",["ionic"]).controller("firstCtrl",function($scope){// 百度地图API功能var map = new BMap.Map("allmap"); // 创建Map实例 map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别 map.addControl(new BMap.MapTypeControl()); //添加地图类型控件 map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的 map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放 });</script></body>
转载于:https://www.cnblogs.com/zrbfree/p/5880930.html
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！
相关文章
- 2021年，vue面试题分析（干货满满，内容详尽）
vue核心知识——理论篇 1、Vue是一套渐进式框架 什么是渐进式框架：主张最少 Vue是渐进的，没有强主张，你可以在原有大系统的上面，把一两个组件改用它实现，当jQuery用；也可以整个用它全家桶开发࿰…...
2024/4/28 17:47:50 - 【笔记-微信小程序】imooc-微信小程序入门与实践
第一章：什么是微信小程序 1-1 开篇及课程特色介绍 1、老师id:小楼昨夜又秋风：https://zhuanlan.zhihu.com/oldtimes ， 知乎id：七月在夏天。 2、实践式学习小程序开发：官方api文档 1-2 直观感受一下微信小程序 1、小…...
2024/4/27 23:09:38 - 2020vue面试题汇总
2020年Vue面试题 Interview ●●●● 作者：烦恼会解决烦恼 vue核心知识——理论篇 1、对于Vue是一套渐进式框架的理解 渐进式代表的含义是：主张最少。 Vue可能有些方面是不如React，不如Angular，但它是渐进的，没有…...
2024/4/27 22:13:32 - vue 面试题 2019
vue核心知识点 1、对于Vue是一套渐进式框架的理解 渐进式代表的含义是：主张最少。 Vue可能有些方面是不如React，不如Angular，但它是渐进的，没有强主张，你可以在原有大系统的上面，把一两个组件改用它实现&…...
2024/4/28 5:24:16 - VUE01~05
VUE vue介绍 一、官网 ：https://cn.vuejs.org/ 1.vue特点：易用，灵活，高效 2.渐进式：根据需求的不同加载不同模块 3.库和框架的区别： 库>jq …js 功能单一 框架>vue react angular 4.vue核心&#…...
2024/4/28 3:35:48 - 浏览器Performance面板性能监控详解
研背景介绍 1.1 What Chrome DevTools的Performance面板：可以记录和分析页面在运行时的所有活动。 1.2 Why 使用Performance面板解决应用性能瓶颈 为应用的高性能开发提供参考指导价值 1.3 How 如何使用Performance面板查看网页性能 对影响性能的指标进行具体分…...
2024/4/28 4:50:16 - 佛山割双眼皮医院领衔 美来
...
2024/4/21 12:47:47 - 割双眼皮正规医院的多少钱
...
2024/4/28 0:40:51 - 哪家医院割双眼皮最好的整形医院
...
2024/4/28 5:20:12 - angular项目本地安装依赖所遇到问题记录
一、问题描述 新加入一个项目组，前端用的是比较重的angular框架搭建的项目，但是download项目过后一直安装依赖出问题，下面对解决过程做一个记录，供后来者参考。 二、遇到的问题1 A.显示部分依赖没有安装上，此时千万…...
2024/4/28 11:55:09 - electron 安装失败
electron 安装失败 throw new Error(Electron failed to install correctly, please delete node_mo… 删除node_modules包，安装使用cnpm下载 npm i cnpm -g cnpm i --save-dev electron另外发布版本时在Installing dependencies报错/卡住，多试几次就行…...
2024/4/28 12:53:11 - 一般开个双眼皮要多少钱
...
2024/4/20 16:14:33 - 我的第一个Angular2应用
1需要具备的基本前端基础：HTML、CSS、JavaScript。为了实现对项目包的管理，推荐使用npm NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题；官网先下载node.js并安装 2.clone快速新建Angular项目的仓库到本地…...
2024/4/19 21:49:54 - Node.jsNPM的安装与配置
1 Node.js安装与配置 1.1 Windows平台下的Node.js安装 在过去,Node.js一直不支持在Windows平台下原生编译,需要借助Cygwin或 MinGW来模拟POSIX系统,才能编译安装。幸运的是2011年6月微软开始与Joyent合作移植Node.js到Windows平台上 (www.infoq.com/cn/news/201…),这次合作的成…...
2024/4/20 16:14:31 - Angular 开发前的注意事项
写在前面 是Angular 不是angular.js！！！ 本文只是列举一些ng开发中的注意事项，有一些是自己遇到的坑，总结一下分享… 构建项目 安装 npm install -g angular/cli创建项目 ng new name安装这一块官网上面写的很详细了…...
2024/4/21 7:15:51 - 全切双眼皮五年后再次眼皮吸脂
...
2024/4/21 12:47:41 - 埋线双眼皮不可以第二次
...
2024/4/23 3:08:18 - 哪里做双眼皮修复安全吗
...
2024/4/21 12:47:40 - 三点双眼皮术后图
...
2024/4/21 12:47:38 - 三点式双眼皮术后四天
...
2024/4/21 12:47:37
最新文章
- 安装库后JupyterLab一直报ModuleNotFoundError问题解决
背景： 先安装的Python3.10，安装在默认路径： C:\Users\#用户名省略#\AppData\Local\Programs\Python\Python310\ 后安装的Anaconda，更改过路径在D盘： D:\ProgramData\anaconda3 此时C盘Python安装路径下Scripts文件…...
2024/4/28 18:46:33 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言，在此感激不尽。 权重和梯度的更新公式如下： w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/3/20 10:50:27 - OpenCV单通道图像按像素成倍比例放大（无高斯平滑处理）
OpenCV中的resize函数可以对图像做任意比例的放大(/缩小)处理，该处理过程会对图像做高斯模糊化以保证图像在进行放大（/缩小）后尽可能保留源图像所展现的具体内容（消除固定频率插值/采样带来的香农采样信息损失）&#x…...
2024/4/28 6:47:52 - CQT 质押者将从 Wormhole 的空投计划中获益，凸显跨链互操作的重要性
在向去中心化协议治理迈进的战略进程中，Wormhole 近期公布了分发 6.17 亿枚 W 代币的计划，这一举措旨在激励多个链上社区参与。这些代币将促进在 Wormhole 平台内的治理参与度，并对贡献者进行激励，将近有 400,000 个钱包即将收到部…...
2024/4/24 11:52:20 - 【外汇早评】美通胀数据走低，美元调整
原标题：【外汇早评】美通胀数据走低，美元调整昨日美国方面公布了新一期的核心PCE物价指数数据，同比增长1.6%，低于前值和预期值的1.7%，距离美联储的通胀目标2%继续走低，通胀压力较低，且此前美国一季度GDP初值中的消费部分下滑明显，因此市场对美联储后续更可能降息的政策…...
2024/4/28 13:52:11 - 【原油贵金属周评】原油多头拥挤，价格调整
原标题：【原油贵金属周评】原油多头拥挤，价格调整本周国际劳动节，我们喜迎四天假期，但是整个金融市场确实流动性充沛，大事频发，各个商品波动剧烈。美国方面，在本周四凌晨公布5月份的利率决议和新闻发布会，维持联邦基金利率在2.25%-2.50%不变，符合市场预期。同时美联储…...
2024/4/28 3:28:32 - 【外汇周评】靓丽非农不及疲软通胀影响
原标题：【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五，美国方面公布了新一期的非农就业数据，大幅好于前值和预期，新增就业重新回到20万以上。具体数据： 美国4月非农就业人口变动 26.3万人，预期 19万人，前值 19.6万人。 美国4月失业率 3.6%，预期 3.8%，前值 3…...
2024/4/26 23:05:52 - 【原油贵金属早评】库存继续增加，油价收跌
原标题：【原油贵金属早评】库存继续增加，油价收跌周三清晨公布美国当周API原油库存数据，上周原油库存增加281万桶至4.692亿桶，增幅超过预期的74.4万桶。且有消息人士称，沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油，印度炼油商预计将每日获得至多20万桶的额外原油供…...
2024/4/28 13:51:37 - 【外汇早评】日本央行会议纪要不改日元强势
原标题：【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升，避险资金回流日元有关，也与前一段时间的美日贸易谈判给日本缓冲期，日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策，但这符…...
2024/4/27 17:58:04 - 【原油贵金属早评】欧佩克稳定市场，填补伊朗问题的影响
原标题：【原油贵金属早评】欧佩克稳定市场，填补伊朗问题的影响近日伊朗局势升温，导致市场担忧影响原油供给，油价试图反弹。此时OPEC表态稳定市场。据消息人士透露，沙特6月石油出口料将低于700万桶/日，沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”，沙特将满…...
2024/4/27 14:22:49 - 【外汇早评】美欲与伊朗重谈协议
原标题：【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议，昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告，伊朗外长昨日回应称，欧洲国家履行它们的义务，伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...
2024/4/28 1:28:33 - 【原油贵金属早评】波动率飙升，市场情绪动荡
原标题：【原油贵金属早评】波动率飙升，市场情绪动荡因中美贸易谈判不安情绪影响，金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际，美国按照既定计划向中国2000亿商品征收25%的关税，市场情绪有所平复，已经开始接受这一事实。虽然波动率-恐慌指数VI…...
2024/4/28 15:57:13 - 【原油贵金属周评】伊朗局势升温，黄金多头跃跃欲试
原标题：【原油贵金属周评】伊朗局势升温，黄金多头跃跃欲试美国和伊朗的局势继续升温，市场风险情绪上升，避险黄金有向上突破阻力的迹象。原油方面稍显平稳，近期美国和OPEC加大供给及市场需求回落的影响，伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级，美国对中…...
2024/4/27 17:59:30 - 【原油贵金属早评】市场情绪继续恶化，黄金上破
原标题：【原油贵金属早评】市场情绪继续恶化，黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动，人民币汇率出现大幅的贬值动能，金融市场受到非常明显的冲击。尤其是波动率起来之后，对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势，这…...
2024/4/25 18:39:16 - 【外汇早评】美伊僵持，风险情绪继续升温
原标题：【外汇早评】美伊僵持，风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件，导致波斯湾局势进一步恶化，市场担忧美伊可能会出现摩擦生火，避险品种获得支撑，黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日，四艘商船在阿联酋领海附近的阿曼湾、…...
2024/4/28 1:34:08 - 【原油贵金属早评】贸易冲突导致需求低迷，油价弱势
原标题：【原油贵金属早评】贸易冲突导致需求低迷，油价弱势近日虽然伊朗局势升温，中东地区几起油船被袭击事件影响，但油价并未走高，而是出于调整结构中。由于市场预期局势失控的可能性较低，而中美贸易问题导致的全球经济衰退风险更大，需求会持续低迷，因此油价调整压力较…...
2024/4/26 19:03:37 - 氧生福地 玩美北湖（上）——为时光守候两千年
原标题：氧生福地 玩美北湖（上）——为时光守候两千年一次说走就走的旅行，只有一张高铁票的距离～ 所以，湖南郴州，我来了～ 从广州南站出发，一个半小时就到达郴州西站了。在动车上，同时改票的南风兄和我居然被分到了一个车厢，所以一路非常愉快地聊了过来。 挺好，最起…...
2024/4/28 1:22:35 - 氧生福地 玩美北湖（中）——永春梯田里的美与鲜
原标题：氧生福地 玩美北湖（中）——永春梯田里的美与鲜一觉醒来，因为大家太爱“美”照，在柳毅山庄去寻找龙女而错过了早餐时间。近十点，向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”，到郴州必吃的美食之一。 哇塞！那个味美香甜…...
2024/4/25 18:39:14 - 氧生福地 玩美北湖（下）——奔跑吧骚年！
原标题：氧生福地 玩美北湖（下）——奔跑吧骚年！让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...
2024/4/26 23:04:58 - 扒开伪装医用面膜，翻六倍价格宰客，小姐姐注意了！
原标题：扒开伪装医用面膜，翻六倍价格宰客，小姐姐注意了！扒开伪装医用面膜，翻六倍价格宰客！当行业里的某一品项火爆了，就会有很多商家蹭热度，装逼忽悠，最近火爆朋友圈的医用面膜，被沾上了污点，到底怎么回事呢？ “比普通面膜安全、效果好！痘痘、痘印、敏感肌都能用…...
2024/4/27 23:24:42 - 「发现」铁皮石斛仙草之神奇功效用于医用面膜
原标题：「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势： 1、铁皮石斛：自唐宋以来，一直被列为皇室贡品，铁皮石斛生于海拔1600米的悬崖峭壁之上，繁殖力差，产量极低，所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...
2024/4/28 5:48:52 - 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者
原标题：丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司，专注美业21年，其旗下品牌： 「圣茵美」私密荷尔蒙抗衰，产后修复 「圣仪轩」私密荷尔蒙抗衰，产后修复 「花茵莳」私密荷尔蒙抗衰，产后修复 「丽彦妆」专注医学护…...
2024/4/26 19:46:12 - 广州械字号面膜生产厂家OEM/ODM4项须知！
原标题：广州械字号面膜生产厂家OEM/ODM4项须知！广州械字号面膜生产厂家OEM/ODM流程及注意事项解读： 械字号医用面膜，其实在我国并没有严格的定义，通常我们说的医美面膜指的应该是一种「医用敷料」，也就是说，医用面膜其实算作「医疗器械」的一种，又称「医用冷敷贴」。 …...
2024/4/27 11:43:08 - 械字号医用眼膜缓解用眼过度到底有无作用？
原标题：械字号医用眼膜缓解用眼过度到底有无作用？医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料，含70%以上的水分。体表皮肤温度传导到本产品的凝胶层，热量被凝胶内水分子吸收，通过水分的蒸发带走大量的热量，可迅速地降低体表皮肤局部温度，减轻局部皮肤的灼…...
2024/4/27 8:32:30 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示，配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下：1、长按电脑电源键直至关机，然后再按一次电源健重启电脑，按F8健进入安全模式2、安全模式下进入Windows系统桌面后，按住“winR”打开运行窗口，输入“services.msc”打开服务设置3、在服务界面，选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE，请勿更改元素数目。
%读入6幅图像（每一幅图像的大小是564*564） f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...
2022/11/19 21:17:16 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面，在等待界面中我们需要等待操作结束才能关机，虽然这比较麻烦，但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows，请勿关闭计算机”的提示，要过很久才能进入系统，有的用户甚至几个小时也无法进入，下面就教大家这个问题的解决方法。第一种方法：我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题，电脑时发现开机屏幕显现“正在配置Windows Update，请勿关机”(如下图所示)，而且还需求等大约5分钟才干进入系统。这是怎样回事呢？一切都是正常操作的，为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示，没过几秒后电脑自动重启，每次开机都这样无法进入系统，此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一：开机按下F8，在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况，就是电脑提示正在准备windows请勿关闭计算机，碰到这样的问题该怎么解决呢，现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法：1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后，每次关机的时候桌面上都会显示一个“配置Windows Update的界面，提示请勿关闭计算机”，每次停留好几分钟才能正常关机，导致什么情况引起的呢？出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着，别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚，只能是考虑备份数据后重装系统了。解决来方案一：管理员运行cmd：net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办？
原标题：电脑提示“配置Windows Update请勿关闭计算机”怎么办？win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢？一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ，然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ，然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间：2020-04-20 22:24:19 浏览次数：729次 区域： 南阳 > 卧龙 列举网提醒您：为保障您的权益，请不要提前支付任何费用！ 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于：钉钉，外勤365，红圈通，企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”，长时间没反应，无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了，具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面，长时间没反应，无法进入系统。这个问题原来帮其他同学也解决过，网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办？...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法，并在最后教给你1种保护系统安全的好方法，一起来看看！电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中，添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败，正在还原更改，请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候，开启电脑发现电脑显示：配置windows更新失败，正在还原更改，请勿关闭计算机。。.这要怎么办呢？下面小编就带着大家一起看看吧！如果能够正常进入系统，建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机，电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机，电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题，就是我们的win7系统在关机的时候，总是喜欢显示“准备配置windows，请勿关机”这样的一个页面，没有什么大碍，但是如果一直等着的话就要两个小时甚至更久都关不了机，非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时，一般是您正对windows进行升级，但是这个要是长时间没有反应，我们不能再傻等下去了。可能是电脑出了别的问题了，来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败，还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况，当我们打开电脑之后，发现一直停留在一个界面：“配置Windows Update失败，还原更改请勿关闭计算机”，等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在iPhone上关闭“请勿打扰”
Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...
2022/11/19 21:16:57