前言:
经常有同志在群里问,为什么PS里面做的明明是透明图,为什么放进淘宝店就是自带白色背景了呢?话不多说,直接上图(注:由于我没有天猫店,所以用的另一个淘宝店的第二套模板演示)
图片可能不清楚,不过没关系,图片只是方便阅读,只要能稍微看清楚点就可以,不影响内容
如上图所示,这时候有吃瓜群众表示不理解了。天不怪地不怪淘宝最怪。明明PS里面做的是透明的图片,咋放店铺里面就会有白底呢?
2024年10月30日
前言:
经常有同志在群里问,为什么PS里面做的明明是透明图,为什么放进淘宝店就是自带白色背景了呢?话不多说,直接上图(注:由于我没有天猫店,所以用的另一个淘宝店的第二套模板演示)
图片可能不清楚,不过没关系,图片只是方便阅读,只要能稍微看清楚点就可以,不影响内容
如上图所示,这时候有吃瓜群众表示不理解了。天不怪地不怪淘宝最怪。明明PS里面做的是透明的图片,咋放店铺里面就会有白底呢?
2024年10月30日
作为一个前端搬砖工,是否把80%的时间花在了活动专题页面的编码上?在电商行业,每一个节日前都是前端搬砖工的加班时间周期,甚至上线前一秒还能收到领导或运营发来修改文案和图片的邮件。
本文将介绍一个移动端专题活动页面制作平台的搭建思路。
没错,你看到的就是把你当兄弟的某东的一个活动主场页,现在你可以去把各大电商平台的活动页面浏览一遍,不难看出以下共同点:
2024年10月30日
大学生就可以看懂的css基础实战系列,pre标签里是笔记总结,动手实际操作一下会加强理解。有疑问留言交流哦。
可能比较枯燥,但是再坚持一下,前端知识的大门就会大开了。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /**.div1里面内容居中,img也是.div1的内容,所以图片居中生效,但是这种写法,所有内容都居中**/ .div1 { text-align: center; } /**意思:.div里面img元素里面的内容居中,图片本身没有"内容" 所以这里无效**/ .div1 img { text-align: center; } /**上面的居中,是要找到父组件,设置内容居中**/ .div2 { } /**通过使用组件的外边距原理,不需要特意找父组件,实现子组件独立设置样式进行居中 使用外边距居中,首先吧组件显示方式改为块级元素:这个组件独占一行后,margin:auto,实现自动相对父组件进行外边距居中. **/ .div2 .img2 { display: block; margin: 20px auto; } .imgcenter { display: block; margin: 20px auto; } .div2 .ul1 { border: #f6e415 5px solid; display: block; margin: 20px auto; /**有文本就需要用text-align**/ text-align: center; list-style-type: none; } </style> </head> <body> <div class="div1"> <img src="pics/logocss.gif"> </div> <div style="width: 500px;border: aquamarine 5px solid;"> <img class="imgcenter" src="pics/logocss.gif"> </div> <div class="div2"> <img class="img2" src="pics/logocss.gif"> </div> <div class="div2"> <ul class="ul1"> <li>a</li> <li>b</li> <li>c</li> </ul> </div> </body> </html>
2024年10月30日
1、GOVIEW
GoView 是一个使用 Vue3 搭建的低代码数据可视化开发平台,将图表或页面元素封装为基础组件,无需编写代码即可完成业务需求。它的技术栈为:Vue3 + TypeScript4 + Vite2 + NaiveUI + ECharts5 + Axios + Pinia2 + PlopJS。
2024年10月30日
熟悉熊猫的小伙伴都知道,熊猫一直使用markdown进行创作,这一语法不仅方便排版,也能让我更好的专注于创作。而在工具的选择上,我一直使用的是obsidian进行创作,这是一款功能全面的本地markdown编辑器,软件本身拥有很多不错的功能,但因为其本地的属性,所以多少还是有一些不方便,所以这里我需要将它接入到我的NAS,实现数据同步。同时,我还需要利用它的插件功能实现更多帮助我创作的能力。
2024年10月30日
基本写法:
动态class :class="{类名: true/false,类名: true/false,...}" true生效, false无效
:class="[ 类名1,类名2, ...]" :class=[ 三元表达式 ]
2024年10月30日
店铺装修其中比较关键的应该算是店招和导航了吧。米色思索了半天,也没确定好该如何对这篇教程的内容分块。为了方便就按照终端划分吧。
店招:默认尺寸为950px*120px 一般我们会使用自定义店招,注意一般情况下,可点击的内容部分,最好放自定义模块里面,因为超过950范围 不能点击,用其他方法去掉溢出隐藏。
2024年10月30日
关于Weex的介绍已经毋须多言,今天,我们带给大家的是如何快速上手Weex。我们以实例的方式呈现给大家,使用Weex编写一个简单的列表,这样的列表经常能在电商类移动应用中见到。
开始
我们先编写一个列表项.
<template>
<div class="container" >
<div class="cell">
<image class="thumb" src="http://t.cn/RGE3AJt"></image>
2024年10月30日
对于绘图和印刷而言,「单位」很相当重要的,然而在网页排版里,单位也是同样具有重要性,在CSS3 普及以来,更添加了一些方便好用的单位( px、em、rem.. .等),这篇文章将整理这些常用的CSS 单位,希望能够帮助到你在工作上能使用的更加得心应手。
目前我们接触的范围来说,若要把单位做区分,最简单可以分为「网页」和「印刷」两大类,通常对于CSS来说只会应用到网页的样??式,毕竟真正要做印刷,还是会倾向通过排版软体来进行设计。