在之前项目整理中,实现过这样一个特效:当用手指滑动时,焦点图随着滑动的距离而成比例的缩放的效果,常见于一些App上,主要是用于展示信息的卡片,相关技术栈版本,ionic1, angular1, 这里再来说一下:技术栈不同,但实现的思路是想通的,仅供开发参考。

效果预览

这里写图片描述

这里由于gif生成工具生成的图片很大,没有展示全部的功能,demo上可以切换不同类型的杂志以及一些切换的特效,并且如果是在线的图片,代码内还进行了懒加载处理。

github演示地址

  • https://github.com/johnnynode/ionic-samples

View层布局

<ion-view class="carousel" cache-view="false"><ion-header-bar class="bar-stable"><button ng-click="back()"><i class="ion-arrow-left-c"></i> Back</button><h1 class="title">缩放Banner</h1></ion-header-bar><ion-content scroll="false" class="no-scroll-bar" overflow-scroll="true" data-tap-disable="true" scrollbar-y="false"has-bouncing="false"><!-- 轮播部分 --><div class="magazine-slider" ng-class="{'cur':overRate}"><div carousel-slider data-vol-list="volList"></div></div><!-- loading部分 --><ion-spinner class="center-center loading-bubbles" icon="bubbles" ng-if="isLoading"></ion-spinner></ion-content><!-- 杂志层 --><div class="magazine-wrap"><div class="magazine-cate" ng-class="{cur:spread}" on-tap="spread=!spread"><span class="magazine-cate-title">杂志·{{curMag}}</span><!-- 两个三角 --><span class="magazine-arr-wrap" ng-class="{cur:spread}"><span class="ion-ios-arrow-down"></span><span class="ion-ios-arrow-up"></span></span></div><!-- 下拉菜单 --><div class="magazine-cate-cont" ng-class="{cur:spread,'bd-t':spread}"><ion-scroll has-bouncing="true" scrollbar-y="true" direction="y" style="width: 100%; height: 100%"overflow-scroll="false" class="scroll-content"><ul><li ng-repeat="item in magList track by $index" on-tap="fn.switchVols($index,item)">{{item.magName}}</li></ul></ion-scroll></div></div><!-- 灰层 --><div class="gray-layer" ng-if="spread" ng-click="fn.hideGray()"></div>
</ion-view>

Controller逻辑

.controller('MarouselCtrl', ['$scope','$timeout','appUtils','CarouselData',function ($scope, $timeout, appUtils, CarouselData) {/* 初始化数据模型 */$scope.back = appUtils.back;$scope.magList = []; // 杂志列表$scope.volList = []; // 期列表数据$scope.curMag = '最新'; // 默认杂志 : 最新$scope.isLoading = true; // loading 默认 truevar fn = $scope.fn = {};/* 进入视图,收起 */$scope.$on('$ionicView.beforeEnter', function () {$scope.spread = false; // 默认不展开});pageInit();/* 页面初始化 */function pageInit() {loadingHide(); // loading 效果getMagList(); // 获取杂志列表getLatest(); // 获取最新杂志}/* 图片质量较大 添加延迟隐藏方法 */function loadingHide() {var t = $timeout(function () {$scope.isLoading = false;$timeout.cancel(t); // 去除延定时器}, 300);}/* 获取杂志列表 */function getMagList() {var json = {"magName": "最新"};$scope.magList.push(json);$scope.magList = $scope.magList.concat(CarouselData.magList);}/* 获取最新期 */function getLatest() {$scope.volList = CarouselData.latest; // 最新期数据}/* 根据杂志code获取该杂志的期 */function getVolByMagCode(magCode) {switch (magCode) {case "ECON":$scope.volList = CarouselData.ecoList;break;case "BIOL":$scope.volList = CarouselData.bioList;break;case "COMP":$scope.volList = CarouselData.comList;break;default:console.log("not match");$scope.volList = CarouselData.latest; // 分配给最新期}}/* 隐藏灰层 */fn.hideGray = function() {$scope.spread = false;}/* 杂志的点击 */fn.switchVols = function (index, item) {$scope.spread = false; // 默认收起$scope.isLoading = $scope.curMag !== item.magName; // 表示切换了// 没有loading ,不去请求数据if (!$scope.isLoading) return;// 有loading, 设置效果loadingHide();// 点击第一个获取最新数据if (!index) {$scope.curMag = '最新';return getLatest();}getVolByMagCode(item.magCode);$scope.curMag = item.magName;}}]);

Directive指令

.directive('carouselSlider', function (appUtils, $compile, $timeout) {return {restrict: 'A',scope: {volList: '=',charShow: '='},template: '<div class="slider-wrap"></div>',link: function (scope) {// 用于挂载在外部的变量, 用于处理屏幕变化的变量scope.outWatcher = {};// 所有设置函数function setUp() {// 针对宽高比的判断// 进行轮播图的 dom 生成操作var $ = angular.element; // jqLite 对象var slideBox = scope.outWatcher.slideBox = document.querySelector('.slider-wrap'); // 获取轮播盒子对象var sliderInner = scope.outWatcher.sliderInner = document.createElement('ul');sliderInner.className = 'slider-wrap-inner';slideBox.appendChild(sliderInner);// 杂志点击的回调 可用于其他逻辑处理scope.magClick = function (title) {console.log(title);};// 缩放的动画function scale(obj, rate) {if (!obj) return;obj.style.transform = "scale(" + rate + ")";obj.style.webkitTransform = "scale(" + rate + ")";}// 获取数据function getData(list, callback) {// 通过获得的数据,生成节点操作for (var i = 0; i < list.length; i++) {var li = document.createElement('li');var img = document.createElement('img');var imgWrap = document.createElement('div');imgWrap.className = 'img-wrap';img.src = 'images/transparent.gif';// 首先先加载前三张图片的地址,其他的作懒加载处理if (i < 3) {img.setAttribute('style', 'background-image:url(' + list[i].coverimg + ')');}imgWrap.appendChild(img);li.appendChild(imgWrap);li.setAttribute('on-tap', 'magClick("' + list[i].title + '")'); // 绑定事件$(sliderInner).append($(li));}var htmlObj = $compile($(sliderInner).html())(scope); // 对html 进行重新编译$(sliderInner).html(''); // 清空$(sliderInner).append(htmlObj); // 追加var lis = sliderInner.querySelectorAll('li'); // 得到当前的所有li对象var imgs = scope.outWatcher.imgs = []; // 用于存放图像包裹节点// 图像包裹节点数组, 初始化样式for (var k = 0; k < lis.length; k++) {if (!k) {imgs.push(lis[0].querySelector('.img-wrap')); // 第一个只 push 进去 ,不 设置样式continue;}var item = lis[k].querySelector('.img-wrap');scale(item, 252 / 291); // 样式初始化缩放imgs.push(item); // 并push}callback && angular.isFunction(callback) && callback(imgs, list); // 将数据通过callback带走}// 针对杂志切换,数据同时切换scope.$watch('volList', function (now) {if (now && now.length) {sliderInner.innerHTML = ''; // 先清空内容// 使用$timeout来解决宽度问题,重新渲染dom.$timeout(function(){getData(now, function (imgs, now) {var m = new MobileMove(); // 重新newm.setSwipe(slideBox, sliderInner, imgs, now);});});}});}// 监听屏幕变化事件, 随时构造对象window.onresize = function() {var m = new MobileMove(); // 重新newm.setSwipe(scope.outWatcher.slideBox, scope.outWatcher.sliderInner, scope.outWatcher.imgs, scope.volList);}// 页面加载完成后执行var contentLoaded = scope.$watch('$viewContentLoaded', function() {setUp(); // 全面设置contentLoaded(); // 取消 watch});}};})

模拟的假数据

.factory('CarouselData', [function () {return {// 杂志列表magList: [{"magName": "经济学","magCode": "ECON"},{"magName": "生物技术","magCode": "BIOL"},{"magName": "计算机科技","magCode": "COMP"}],// 最新杂志latest: [{"coverimg": "images/carousel/latest01.jpg","title": "民间文学","magCode": "LITE",},{"coverimg": "images/carousel/latest02.jpg","title": "视觉传播","magCode": "COAR"},{"coverimg": "images/carousel/latest03.jpg","title": "光量子器件及通信","magCode": "COMM"},{"coverimg": "images/carousel/latest04.jpg","title": "营养管理","magCode": "FOOD"},{"coverimg": "images/carousel/latest05.jpg","title": "晶体材料","magCode": "MATE"}],// 经济学杂志ecoList:[{"coverimg": "images/carousel/econ01.jpg","title": "经济增长","magCode": "ECON"},{"coverimg": "images/carousel/econ02.jpg","title": "绿色经济","magCode": "ECON"},{"coverimg": "images/carousel/econ03.jpg","title": "网络经济","magCode": "ECON"},{"coverimg": "images/carousel/econ04.jpg","title": "蓝海战略","magCode": "ECON"},{"coverimg": "images/carousel/econ05.jpg","title": "电子商务市场","magCode": "ECON"}],// 生物技术bioList:[{"coverimg": "images/carousel/biol01.jpg","title": "农业生物技术","magCode": "BIOL"},{"coverimg": "images/carousel/biol02.jpg","title": "生物能源技术","magCode": "BIOL"},{"coverimg": "images/carousel/biol03.jpg","title": "特色农业生物技术","magCode": "BIOL"},{"coverimg": "images/carousel/biol04.jpg","title": "基因组育种","magCode": "BIOL"},{"coverimg": "images/carousel/biol05.jpg","title": "食品生物技术","magCode": "BIOL"}],// 计算机comList:[{"coverimg": "images/carousel/comp01.jpg","title": "计算语言学","magCode": "COMP"},{"coverimg": "images/carousel/comp02.jpg","title": "机器学习","magCode": "COMP"},{"coverimg": "images/carousel/comp03.jpg","title": "云计算","magCode": "COMP"},{"coverimg": "images/carousel/comp04.jpg","title": "互联网创新应用","magCode": "COMP"},{"coverimg": "images/carousel/comp05.jpg","title": "移动计算","magCode": "COMP"}]}}]);

用于特效的底层脚本封装

(function (window) {var MobileMove = function () {};MobileMove.prototype = {addTransition: function (obj, time) {obj.style.transition = "all " + time + "s ease";obj.style.webkitTransition = "all " + time + "s ease";},removeTransition: function (obj) {obj.style.transition = "none";obj.style.webkitTransition = "none";},changeTranslateX: function (obj, x) {obj.style.transform = "translateX(" + x + "px)";obj.style.webkitTransform = "translateX(" + x + "px)";},transitionEnd: function (obj, callback) {/*当是对象的时候绑定事件*/if (typeof obj === 'object') {obj.addEventListener('transitionEnd', function (e) {callback && callback(e);}, false);obj.addEventListener('webkitTransitionEnd', function (e) {callback && callback(e);}, false);}},/* 模仿的tap事件 */tap: function (obj, callback) {/* 点击事件 超过200ms */if (typeof  obj !== 'object') return false;var startTime = 0,isMove = false; // 来标记我们是否移动过obj.addEventListener('touchstart', function () {startTime = Date.now(); // 取当前时间}, false);obj.addEventListener('touchmove', function () {isMove = true;}, false);window.addEventListener('touchend', function (e) {/* 响应时间小于200ms 并且没有滑动过 */if (Date.now() - startTime < 200 && !isMove) {callback && callback.apply(obj, e);}startTime = 0;isMove = false;}, false);},/* 缩放动画 */scale: function (obj, rate) {if (!obj) return;obj.style.transform = "scale(" + rate + ")";obj.style.webkitTransform = "scale(" + rate + ")";},/* 缩放动画的还原 */scaleBack: function (obj,index) {var that = this;if (!obj) return;for(var i=0;i<obj.length;i++){if(i === index){that.scale(obj[index],1); // 当前缩放为1continue;}that.scale(obj[i],252/291); // 其他缩放回归默认值}},setSwipe: function (obj, obj_move, imgs, list) {if (typeof  obj !== 'object') return false;var that = this;var num = imgs.length; // 获取当前节点数var startX = 0; // 开始你的X的位置var endX = 0; // 停止滑动的时候的X的位置var distanceX = 0; // 是改变的距离var _distanceX = 0; // 算比率时用到var index = 0; // 滑动到第几张图片var super_width = obj.clientWidth; // 最大的盒子 ,相当于最外面的宽度 或者和 window.innerWidth 相同.var width = super_width * (291 / 375); // 图片每次移动的宽度 , 临界距离 291 是 img-wrap 所占宽度 (根据设计图来的比例)that.removeTransition(obj_move); // 初始去除过度that.changeTranslateX(obj_move, 0); // 初始化X距离// 针对事件的监听obj.addEventListener('touchstart', function (e) {e.preventDefault();startX = e.touches[0].clientX;if(index < imgs.length -2){imgs[index+2].querySelector('img').setAttribute('style', 'background-image:url(' + list[index+2].coverimg + ')');}}, false);obj.addEventListener('touchmove', function (e) {e.preventDefault();endX = e.touches[0].clientX;distanceX = startX - endX; // 获取移动距离// distanceX > 0 滑动方向 true => 左滑 无需考虑 0_distanceX = distanceX > 0 && distanceX > width ? width : distanceX; // 移动距离>宽度时 ? 移动距离=宽度_distanceX = !(distanceX > 0) && distanceX < -width ? -width : distanceX; // 移动距离<-宽度时 ? 移动距离=-宽度var rate = Math.abs(_distanceX / width); // 缩放比率if (!(distanceX > 0) && !index || distanceX > 0 && index === num - 1) {// DO NOTHING 此处做过滤} else {if (distanceX > 0) {// 左滑时缩放that.scale(imgs[index], 1 - (1 - 252 / 291) * rate); // 当前的缩小  252/291 或者 344/382 这个是缩放比// 下一个放大that.scale(imgs[index + 1], (252 / 291 + (1 - 252 / 291) * rate) <1 ? (252 / 291 + (1 - 252 / 291) * rate) : 1); } else {// 右滑时缩放that.scale(imgs[index], 1 - (1 - 252 / 291) * rate); // 当前的缩小that.scale(imgs[index - 1], 252 / 291 + (1 - 252 / 291) * rate); // 上一个放大}}that.removeTransition(obj_move); // 去除过渡that.changeTranslateX(obj_move, -index * width - distanceX); // 同步盒子移动}, false);obj.addEventListener('touchend', function (e) {e.preventDefault();// 移动结束还原缩放if (!(distanceX > 0) && !index || distanceX > 0 && index === num - 1) {that.scale(imgs[index], 1);}/* 满足1/3的时候滑动一次 */if (Math.abs(distanceX) > 1 / 3 * width && endX) {// 进行 index 加工过滤index = distanceX > 0 ? ++index : --index; // 根据方向判断中间值index = index <= 0 ? 0 : index;  // 判断第一个时index = index >= num - 1 ? num - 1 : index;  // 判断最后一个时that.addTransition(obj_move, 0.2); // 加上过渡效果that.changeTranslateX(obj_move, -index * width); // 滑动} else {// 当不满足1/3的时候吸附回去that.addTransition(obj_move, 0.2); // 加上过渡效果that.changeTranslateX(obj_move, -index * width);}that.scaleBack(imgs,index); // 恢复原始缩放比// 每次滑动结束 , 恢复初始值startX = 0;endX = 0;distanceX = 0;}, false);}};// 暴露对象window.MobileMove = MobileMove;
})(window);

总结

合理的特效依赖合理的布局设定以及合理的数据结构,上述demo用到了很多移动端事件和相关的动画处理,这里不一一赘述,重要的是提供一种解决问题的思路。

查看全文
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!

相关文章

  1. 【前端】Ionic 4 轮播图自动播放功能

    前言 小编目前的项目需要将前端框架升级到ionic4&#xff0c;同时遇到了将广播消息进行轮播展示的功能需求&#xff0c;在ionic官网查找和博客的指引下&#xff0c;小编最终实现了这个功能效果。 HTML使用Ion-slides组件 具体使用如下 &#xff0c;其中click事件写在了P标签中…...

    2024/3/13 15:47:05
  2. 咸阳美立方做双眼皮怎么样

    ...

    2024/3/13 15:47:02
  3. 双眼皮术后多久没有肉条

    ...

    2024/3/13 15:47:03
  4. 做双眼皮画线是坐着还是躺着

    ...

    2024/3/19 1:12:57
  5. 千万别割双眼皮眼部综合好吗

    ...

    2024/3/21 21:01:58
  6. 哪个压双眼皮医院好

    ...

    2024/3/18 2:58:31
  7. angular进行时间展示

    一.在angular中有很多属性方法,一下为大家展示下简单的显示时间的操作 二.代码展示 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><script type"text/javascript" src"angular-1.3.0.js"…...

    2024/3/15 23:20:05
  8. 云南埋线双眼皮价格是多少

    ...

    2024/3/29 7:06:02
  9. 整双眼皮的价钱云南

    ...

    2024/3/19 19:07:23
  10. 埋线双眼皮做完怎么保养

    ...

    2024/3/15 23:20:02
  11. 有双眼皮能做三点定位吗

    ...

    2024/3/28 12:54:38
  12. json数组根据某个字段的值进行排序

    <meta charset"UTF-8"> <title>json数组根据某个字段的值进行排序</title> </head> <body> </body> <script type"text/javascript"> var data [{name: "angular",value: 0.58 }, {name: "java…...

    2024/3/15 23:20:00
  13. Angularjs实现表格按指定列排序

    <table class"table table-border" ng-app"myapp" ng-controller"orderByCtrl"><thead><tr><th>inx</th><th ng-click"colname;desc!desc">name</th><!-- 当点击列标题时&#xff0c;执…...

    2024/3/15 23:20:00
  14. 中国双眼皮第一刀

    ...

    2024/3/19 12:54:27
  15. 广州曙光王娟割广州曙光医院割双眼皮范丹

    ...

    2024/3/15 23:19:57
  16. 易阳艳双眼皮修复图片

    ...

    2024/3/13 15:47:16
  17. 割双眼皮后50天遮挡眼球

    ...

    2024/3/13 15:47:16
  18. 双眼皮和缩鼻翼可以一起做吗

    ...

    2024/3/29 6:32:45
  19. 大家割的双眼皮在什么价位

    ...

    2024/3/22 7:29:17
  20. 眼睛鼓上眼皮凹陷做什么方法做双眼皮恢复最快

    ...

    2024/3/13 15:47:15

最新文章

  1. 截图识别对比:CnOCR与PaddleOCR

    1、需求 想使用PyAutoGUI做界面自动化&#xff0c;需要一个ocr库识别压测软件的文字&#xff0c;然后获取定位。现在找到了CnOCR与PaddleOCR&#xff0c;都安装来试试看&#xff0c;哪一个更适合我的需求&#xff0c;这里对这俩库进行对比。 本机环境&#xff1a; win11python…...

    2024/3/29 21:43:21
  2. 梯度消失和梯度爆炸的一些处理方法

    在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言&#xff0c;在此感激不尽。 权重和梯度的更新公式如下&#xff1a; w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...

    2024/3/20 10:50:27
  3. Linux的学习之路:3、基础指令(2)

    一、echo指令 这个指令在上篇文章我也用了但是忘了说了&#xff0c;这个指令的大概用法就是把后面跟的文本等输出在显示器上&#xff0c;如下代码所示打印的“Hello Linux” [rootVM-24-9-centos ~]# echo "Hello Linux" Hello Linux二、输出重定向与输入重定向 着…...

    2024/3/29 15:52:56
  4. 【数据结构】String常量池

    文章目录 String常量池一、常量池的概念二、常见的常量池三、字符串常量池&#xff08;StringTable&#xff09;1.String的创建过程2.intern方法 String常量池 一、常量池的概念 public static void main(String[] args) {String s1 "happy";String s2 "happ…...

    2024/3/29 13:11:41
  5. 关机恶搞小程序

    1. system("shutdown")的介绍 当system函数的参数是"shutdown"时&#xff0c;它将会执行系统的关机命令。 具体来说&#xff0c;system("shutdown")的功能是向操作系统发送一个关机信号&#xff0c;请求关闭计算机。这将触发操作系统执行一系列…...

    2024/3/28 6:13:18
  6. 【外汇早评】美通胀数据走低,美元调整

    原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...

    2024/3/29 18:08:39
  7. 【原油贵金属周评】原油多头拥挤,价格调整

    原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...

    2024/3/29 18:08:34
  8. 【外汇周评】靓丽非农不及疲软通胀影响

    原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...

    2024/3/29 2:45:46
  9. 【原油贵金属早评】库存继续增加,油价收跌

    原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...

    2024/3/29 16:26:39
  10. 【外汇早评】日本央行会议纪要不改日元强势

    原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...

    2024/3/29 5:19:52
  11. 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响

    原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...

    2024/3/29 18:08:00
  12. 【外汇早评】美欲与伊朗重谈协议

    原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...

    2024/3/29 11:11:56
  13. 【原油贵金属早评】波动率飙升,市场情绪动荡

    原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...

    2024/3/29 1:13:26
  14. 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试

    原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...

    2024/3/29 8:28:16
  15. 【原油贵金属早评】市场情绪继续恶化,黄金上破

    原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...

    2024/3/29 7:41:19
  16. 【外汇早评】美伊僵持,风险情绪继续升温

    原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...

    2024/3/29 18:07:15
  17. 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势

    原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...

    2024/3/29 9:57:23
  18. 氧生福地 玩美北湖(上)——为时光守候两千年

    原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...

    2024/3/29 0:49:46
  19. 氧生福地 玩美北湖(中)——永春梯田里的美与鲜

    原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...

    2024/3/29 18:06:57
  20. 氧生福地 玩美北湖(下)——奔跑吧骚年!

    原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...

    2024/3/29 17:27:19
  21. 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!

    原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...

    2024/3/29 18:06:36
  22. 「发现」铁皮石斛仙草之神奇功效用于医用面膜

    原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...

    2024/3/29 18:06:22
  23. 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者

    原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...

    2024/3/28 18:26:34
  24. 广州械字号面膜生产厂家OEM/ODM4项须知!

    原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...

    2024/3/29 18:06:01
  25. 械字号医用眼膜缓解用眼过度到底有无作用?

    原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...

    2024/3/28 20:09:10
  26. 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...

    解析如下&#xff1a;1、长按电脑电源键直至关机&#xff0c;然后再按一次电源健重启电脑&#xff0c;按F8健进入安全模式2、安全模式下进入Windows系统桌面后&#xff0c;按住“winR”打开运行窗口&#xff0c;输入“services.msc”打开服务设置3、在服务界面&#xff0c;选中…...

    2022/11/19 21:17:18
  27. 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。

    %读入6幅图像&#xff08;每一幅图像的大小是564*564&#xff09; 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
  28. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...

    win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面&#xff0c;在等待界面中我们需要等待操作结束才能关机&#xff0c;虽然这比较麻烦&#xff0c;但是对系统进行配置和升级…...

    2022/11/19 21:17:15
  29. 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...

    有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows&#xff0c;请勿关闭计算机”的提示&#xff0c;要过很久才能进入系统&#xff0c;有的用户甚至几个小时也无法进入&#xff0c;下面就教大家这个问题的解决方法。第一种方法&#xff1a;我们首先在左下角的“开始…...

    2022/11/19 21:17:14
  30. win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...

    置信有很多用户都跟小编一样遇到过这样的问题&#xff0c;电脑时发现开机屏幕显现“正在配置Windows Update&#xff0c;请勿关机”(如下图所示)&#xff0c;而且还需求等大约5分钟才干进入系统。这是怎样回事呢&#xff1f;一切都是正常操作的&#xff0c;为什么开时机呈现“正…...

    2022/11/19 21:17:13
  31. 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...

    Win7系统开机启动时总是出现“配置Windows请勿关机”的提示&#xff0c;没过几秒后电脑自动重启&#xff0c;每次开机都这样无法进入系统&#xff0c;此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一&#xff1a;开机按下F8&#xff0c;在出现的Windows高级启动选…...

    2022/11/19 21:17:12
  32. 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...

    有不少windows10系统用户反映说碰到这样一个情况&#xff0c;就是电脑提示正在准备windows请勿关闭计算机&#xff0c;碰到这样的问题该怎么解决呢&#xff0c;现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法&#xff1a;1、2、依次…...

    2022/11/19 21:17:11
  33. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...

    今天和大家分享一下win7系统重装了Win7旗舰版系统后&#xff0c;每次关机的时候桌面上都会显示一个“配置Windows Update的界面&#xff0c;提示请勿关闭计算机”&#xff0c;每次停留好几分钟才能正常关机&#xff0c;导致什么情况引起的呢&#xff1f;出现配置Windows Update…...

    2022/11/19 21:17:10
  34. 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...

    只能是等着&#xff0c;别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚&#xff0c;只能是考虑备份数据后重装系统了。解决来方案一&#xff1a;管理员运行cmd&#xff1a;net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...

    2022/11/19 21:17:09
  35. 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?

    原标题&#xff1a;电脑提示“配置Windows Update请勿关闭计算机”怎么办&#xff1f;win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢&#xff1f;一般的方…...

    2022/11/19 21:17:08
  36. 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...

    关机提示 windows7 正在配置windows 请勿关闭计算机 &#xff0c;然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;关机提示 windows7 正在配…...

    2022/11/19 21:17:05
  37. 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...

    钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...

    2022/11/19 21:17:05
  38. 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...

    前几天班里有位学生电脑(windows 7系统)出问题了&#xff0c;具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面&#xff0c;长时间没反应&#xff0c;无法进入系统。这个问题原来帮其他同学也解决过&#xff0c;网上搜了不少资料&#x…...

    2022/11/19 21:17:04
  39. 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...

    本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法&#xff0c;并在最后教给你1种保护系统安全的好方法&#xff0c;一起来看看&#xff01;电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中&#xff0c;添加了1个新功能在“磁…...

    2022/11/19 21:17:03
  40. 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...

    许多用户在长期不使用电脑的时候&#xff0c;开启电脑发现电脑显示&#xff1a;配置windows更新失败&#xff0c;正在还原更改&#xff0c;请勿关闭计算机。。.这要怎么办呢&#xff1f;下面小编就带着大家一起看看吧&#xff01;如果能够正常进入系统&#xff0c;建议您暂时移…...

    2022/11/19 21:17:02
  41. 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...

    配置windows update失败 还原更改 请勿关闭计算机&#xff0c;电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;配置windows update失败 还原更改 请勿关闭计算机&#x…...

    2022/11/19 21:17:01
  42. 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...

    不知道大家有没有遇到过这样的一个问题&#xff0c;就是我们的win7系统在关机的时候&#xff0c;总是喜欢显示“准备配置windows&#xff0c;请勿关机”这样的一个页面&#xff0c;没有什么大碍&#xff0c;但是如果一直等着的话就要两个小时甚至更久都关不了机&#xff0c;非常…...

    2022/11/19 21:17:00
  43. 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...

    当电脑出现正在准备配置windows请勿关闭计算机时&#xff0c;一般是您正对windows进行升级&#xff0c;但是这个要是长时间没有反应&#xff0c;我们不能再傻等下去了。可能是电脑出了别的问题了&#xff0c;来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...

    2022/11/19 21:16:59
  44. 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...

    我们使用电脑的过程中有时会遇到这种情况&#xff0c;当我们打开电脑之后&#xff0c;发现一直停留在一个界面&#xff1a;“配置Windows Update失败&#xff0c;还原更改请勿关闭计算机”&#xff0c;等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢&#xff0…...

    2022/11/19 21:16:58
  45. 如何在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