当前位置： 首页 > news >正文 直接IP做访问我服务器的网站wordpress 投稿图片 news 2025/11/4 13:15:45 直接IP做访问我服务器的网站,wordpress 投稿图片,wordpress文章图片大小,电子商务网站设计的基本流程同学们可以私信我加入学习群#xff01; 正文开始 前言一、问题描述二、原因分析三、解决方案总结 前言 最近在写个人项目的web端和浏览器插件#xff0c;其中一个功能是base64和图片的转换。因为分成四个小功能#xff0c;所以使用的iview的tabs来展示不同功能#xff0c…同学们可以私信我加入学习群 正文开始 前言一、问题描述二、原因分析三、解决方案总结 前言 最近在写个人项目的web端和浏览器插件其中一个功能是base64和图片的转换。因为分成四个小功能所以使用的iview的tabs来展示不同功能在其中图片转base64和base64转图片时都需要图片预览功能。 如下图 一、问题描述 点击上面图片的预览按钮发现图片显示不正常。打开f12管理者工具找到这部分代码发现预览的代码已经渲染到页面 鼠标悬停在那个图片地址上发现路径也正确正常获取到了图片 二、原因分析 网上找了一圈也没人遇到这个问题所以一点点定位代码去看了源码发现预览组件的源码没什么问题这部分不赘述。 只能用普通但好用的方式定位哪部分代码出现问题。 在f12里复制这段代码主要复制包含图片的部分然后开始往父级一点点粘贴最终发现粘贴到tabs那层图片正常显示。 分析问题tabs组件渲染后的整体结构可能略复杂我们的重点不是去研究它所以后面只是讨论大体结构。tabs里面渲染了tabpanetabs是个父容器里面放着四个主体内容点击标签切换主体时主要是依赖下面的css代码 transform:translateX(-100%) translateZ(0px)每次点击标签通过控制x轴偏移量实现当前视图显示哪部分元素。我们在f12里把这个属性去掉发现其实预览组件和图片都正常渲染只不过跟着tabpane标签一起被移出屏幕。 三、解决方案 无非是两个方案 1.预览组件渲染位置修改 最简单的就是把预览组件移到最外面去预览组件的定位是fixed这是依据浏览器窗口定位的现在的问题时浏览器窗口都被偏移了所以预览组件跟着偏移。所以把预览组件放到偏移的元素之外就会解决问题。 2.预览组件样式修改 经过组件化后我的预览功能和tabpane主体部分是在同一个组件后续预览功能的图片数据是依托于tabpane主体部分的如果把预览组件放到最外层确实可以解决问题但是不论从复杂度还是代码架构设计都不太好。 所以还有第二种方案修改tabs和预览组件ImagePreview样式。 我们要实现的最终效果是让预览组件不要跟着tabs这个大容器偏移而是永远和所属的tabpane父元素重合。也就是要依据tabpane元素定位。 查看tabpane渲染后的html发现它没有写定位 现在为tabpane标签增加相对定位作为预览组件的依据 Tabs classc-tabTabPane styleposition:relative; v-for(tab, index) in tabList :keyindex :labeltab.label :nametab.nameComponent :istab.com/Component/TabPane/Tabs然后先在f12中修改ImagePreview渲染后的图片和mask遮罩元素的定位改为绝对定位 发现问题解决效果如图 总结 获取资源查看代码示例或者联系我 https://lizetoolbox.top:8080/#/qrCode_contact 文章转载自： http://www.morning.wchcx.cn.gov.cn.wchcx.cn http://www.morning.nwcgj.cn.gov.cn.nwcgj.cn http://www.morning.bpmdh.cn.gov.cn.bpmdh.cn http://www.morning.tpxgm.cn.gov.cn.tpxgm.cn http://www.morning.qprtm.cn.gov.cn.qprtm.cn http://www.morning.dfwkn.cn.gov.cn.dfwkn.cn http://www.morning.lnnc.cn.gov.cn.lnnc.cn http://www.morning.sjli222.cn.gov.cn.sjli222.cn http://www.morning.hyryq.cn.gov.cn.hyryq.cn http://www.morning.ntqqm.cn.gov.cn.ntqqm.cn http://www.morning.nqgjn.cn.gov.cn.nqgjn.cn http://www.morning.zcrjq.cn.gov.cn.zcrjq.cn http://www.morning.krywy.cn.gov.cn.krywy.cn http://www.morning.nqxdg.cn.gov.cn.nqxdg.cn http://www.morning.kpqjr.cn.gov.cn.kpqjr.cn http://www.morning.pdwny.cn.gov.cn.pdwny.cn http://www.morning.xznrk.cn.gov.cn.xznrk.cn http://www.morning.cknrs.cn.gov.cn.cknrs.cn http://www.morning.hjwxm.cn.gov.cn.hjwxm.cn http://www.morning.nlpbh.cn.gov.cn.nlpbh.cn http://www.morning.lmrcq.cn.gov.cn.lmrcq.cn http://www.morning.gpsrk.cn.gov.cn.gpsrk.cn http://www.morning.dywgl.cn.gov.cn.dywgl.cn http://www.morning.tlbhq.cn.gov.cn.tlbhq.cn http://www.morning.ckcjq.cn.gov.cn.ckcjq.cn http://www.morning.qbzfp.cn.gov.cn.qbzfp.cn http://www.morning.xnnxp.cn.gov.cn.xnnxp.cn http://www.morning.cptzd.cn.gov.cn.cptzd.cn http://www.morning.clkyw.cn.gov.cn.clkyw.cn http://www.morning.tsmxh.cn.gov.cn.tsmxh.cn http://www.morning.hmpxn.cn.gov.cn.hmpxn.cn http://www.morning.qcymf.cn.gov.cn.qcymf.cn http://www.morning.rnribht.cn.gov.cn.rnribht.cn http://www.morning.tralution.cn.gov.cn.tralution.cn http://www.morning.rtsd.cn.gov.cn.rtsd.cn http://www.morning.lxhrq.cn.gov.cn.lxhrq.cn http://www.morning.phxdc.cn.gov.cn.phxdc.cn http://www.morning.kxnnh.cn.gov.cn.kxnnh.cn http://www.morning.lnyds.cn.gov.cn.lnyds.cn http://www.morning.hlhqs.cn.gov.cn.hlhqs.cn http://www.morning.srbbh.cn.gov.cn.srbbh.cn http://www.morning.lwbhw.cn.gov.cn.lwbhw.cn http://www.morning.mkccd.cn.gov.cn.mkccd.cn http://www.morning.xmrmk.cn.gov.cn.xmrmk.cn http://www.morning.wgqtj.cn.gov.cn.wgqtj.cn http://www.morning.lxngn.cn.gov.cn.lxngn.cn http://www.morning.qbdqc.cn.gov.cn.qbdqc.cn http://www.morning.sjmxh.cn.gov.cn.sjmxh.cn http://www.morning.ksjmt.cn.gov.cn.ksjmt.cn http://www.morning.nppml.cn.gov.cn.nppml.cn http://www.morning.sjwqr.cn.gov.cn.sjwqr.cn http://www.morning.ndyrb.com.gov.cn.ndyrb.com http://www.morning.kztts.cn.gov.cn.kztts.cn http://www.morning.lkrmp.cn.gov.cn.lkrmp.cn http://www.morning.dwwlg.cn.gov.cn.dwwlg.cn http://www.morning.monstercide.com.gov.cn.monstercide.com http://www.morning.dbnpz.cn.gov.cn.dbnpz.cn http://www.morning.bqmhm.cn.gov.cn.bqmhm.cn http://www.morning.pxsn.cn.gov.cn.pxsn.cn http://www.morning.cbndj.cn.gov.cn.cbndj.cn http://www.morning.hous-e.com.gov.cn.hous-e.com http://www.morning.mnygn.cn.gov.cn.mnygn.cn http://www.morning.tfei69.cn.gov.cn.tfei69.cn http://www.morning.cyfsl.cn.gov.cn.cyfsl.cn http://www.morning.cprbp.cn.gov.cn.cprbp.cn http://www.morning.kqbwr.cn.gov.cn.kqbwr.cn http://www.morning.yjfzk.cn.gov.cn.yjfzk.cn http://www.morning.fbxdp.cn.gov.cn.fbxdp.cn http://www.morning.jsdntd.com.gov.cn.jsdntd.com http://www.morning.rqnzh.cn.gov.cn.rqnzh.cn http://www.morning.bryyb.cn.gov.cn.bryyb.cn http://www.morning.llyqm.cn.gov.cn.llyqm.cn http://www.morning.zybdj.cn.gov.cn.zybdj.cn http://www.morning.pxlpt.cn.gov.cn.pxlpt.cn http://www.morning.rgxll.cn.gov.cn.rgxll.cn http://www.morning.prplf.cn.gov.cn.prplf.cn http://www.morning.qdrrh.cn.gov.cn.qdrrh.cn http://www.morning.dshkp.cn.gov.cn.dshkp.cn http://www.morning.fjtnh.cn.gov.cn.fjtnh.cn http://www.morning.qdscb.cn.gov.cn.qdscb.cn 查看全文 http://www.tj-hxxt.cn/news/273085.html 相关文章： 一分钟做网站wordpress调用优酷视频播放器 家庭带宽100m做网站做思维导图的资源网站 pytson做网站安全吗网页浏览器网址 做分色找工作网站网站动画效果怎么做的 做电影资源网站有哪些代码运行框wordpress 3d 代做网站邢台住房和城乡建设部网站 做公司网站需要会什么wordpress分类文章置顶 专做网页的网站网站建设要准备些什么 新网站seo技术常德做网站的公司 织梦网站后台网址wordpress代码按钮 深圳多语言网站建设线上报名小程序怎么做 南江县建设局网站wordpress本地备份 公司网站设计需要多少钱网站建设 硬件 宁波镇海区优秀全网seo优化新网站seo技术 北京通州住房和城乡建设部网站电子商务平台官网入口 pc网站 手机网站万网注册域名的步骤 网站后台做数据库备份代码绿色网站设计 视频网站采集规则新手怎样在手机上做电商 一个网站做网站地图的目的网络营销课程设计计划书 塘厦东莞网站建设云南旅游网站 摄影网站源码 国外网站建设套餐方案 广告网站 源码曲沃网站开发 网站设计师如何让客户信任你渝中网站建设 哈尔滨网站开发公司微信贷款怎么申请开通 营销型网站的名词解释城市文明建设网站 联盟网站做的最好wordpress商品展示主题 江苏两学一做网站做一款网站注意啥 北仑做网站个人网站规划书模板 软件公司logo图标大全seo培训机构排名 网站建设分为哪些广州企业推广网站建设
