• 网站建设

• 网站推广

  

  网络推广

  Network promotion

  关键词SEO优化 品牌推广 两V一抖 广告媒介投放

  品牌网站建设 企业网站建设 门户网站建设 网站代运营

  集团网站建设 外贸网站建设 营销型网站建设 网站运营维护

• 案例

• 方案

  

  网站方案

  Solution

  • 教育培训
  • 商城
  • 美容化妆品
  • LED
  • 软件IT
  • 房地产
  • 装饰行业
  • 节能环保
  • 手机数码
  • 集团上市公司
  • 金融行业
  • 物流
  • 钟表
  • 数码电器
  • 旅游
  • 其他

• 电商网站开发

  

  电商网站开发

  E-commerce & System

  定制化电子商务系统 产品商城网站建设方案 移动手机电商网站解决方案 微信会员电商解决方案

  系统开发 P2P金融平台 产品众筹平台 股权众筹平台

• 微信小程序

  • 

    微信小程序

  • 

    微商城

  • 

    微官网

  • 

    微活动

• 我们

  

  我们

  About Us

  了解我们

  关于快上网

  实力认可

  快上网与众不同

  理念与信仰

  售后支持

  我们的客户

  客户列表

  客户评价

• 联系

  

  联系

  Contact Us

  

  联系我们

  业务热线： 400-028-6601

  邮箱： service@cdxwcx.com

  

  人才招聘

  HR电话：

  13518219792

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

JS

textResize(newRect, index) {
  const BoxWidth = newRect.width+''
  this.texts[index].BoxWidth = BoxWidth.substring(0, BoxWidth.indexOf("."))

  const BoxHeight = newRect.height+''
  this.texts[index].BoxHeight = BoxHeight.substring(0, BoxHeight.indexOf("."))

  const BoxTop = newRect.top+''
  this.texts[index].BoxTop = BoxTop.substring(0, BoxTop.indexOf("."))

  const BoxLeft = newRect.left+''
  this.texts[index].BoxLeft = BoxLeft.substring(0, BoxLeft.indexOf("."))
 }

 logoResize(newRect, index) {
  const Width = newRect.width''
  this.logos[index].Width = Width.substring(0, Size.indexOf("."))
  
  const Height = newRect.height+''
  this.logos[index].Height = Height .substring(0, Size.indexOf("."))
  
  const Top = newRect.top+''
  this.logos[index].Top = Top.substring(0, Top.indexOf("."))

  const Left = newRect.left+''
  this.logos[index].Left = Left.substring(0, Left.indexOf("."))
 }

除此之外还有字幕向左或向右滚动的CSS

 .roll-left {
 animation: wordsLoopLeft 6s linear infinite normal;
 }

 .roll-right {
 animation: wordsLoopRight 6s linear infinite normal;
 }

 @keyframes wordsLoopLeft {
 0% {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
 }
 100% {
  transform: translateX(-40%);
  -webkit-transform: translateX(-40%);
 }
 }

 @keyframes wordsLoopRight {
 0% {
  transform: translateX(-40%);
  -webkit-transform: translateX(-40%);
 }
 100% {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
 }
 }

上述就是小编为大家分享的如何正确的使用Vue-drag-resize插件了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注创新互联成都网站设计公司行业资讯频道。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。