选择一张图片文件 ... Drupal 会自动上传文件 .. 如果是图像字段，在这里会显示一个图像的预览 ... 现在我想修改一下这个地方的样式 ..

检查一下这块儿元素 ... 你会看到这个地方用的模板文件 ... 是核心的 classy 主题下面的 image-widget.html.twig ..

在 core .. themes .. classy 下面，templates .. content-edit 下面，找到这个 image-widget.html.twig ..

复制一份 ... 把它放在我的自定义主题目录的下面 .. 再修改一下 ..

先附加一个资源库 .. 来自 ninghao_ui 这个模块 .. 名字是 ui.item ..

在这个包装上可以添加两个 css 类 .. 用一下 addClass ... 添加 ui 还有 items .

在它里面，再添加一个包装 ... 上面加上一个 item 这个 css 类 ...

这个 image-preview 是图像的预览 .. 在这个包装上用一下 image 类 .. 下面这块儿是内容 ... 在上面用一个 content 类 ..

然后在我的自定义模块的下面，去创建一个新的资源库 .. 名字是 ui.item ... 需要一个 css 文件，名字是 item.css ..

重建一下缓存 ..

再去预览一下 ...

选择一张图片 ...

你会看到这块预览上传的图像的样式的变化 ..