请问一下,如何在底部放一个图片
发布于 7 年前 作者 fang88 3070 次浏览 来自 问答

我想把那个加号图片放到红色标示位置

但是弄了好久,最多放到绿色位置

不知道为什么放不下去

图片最低就只能在图片位置了

请问一下应该怎么弄呢

谢谢

10 回复

在使用 position:fixed;的时候切记需要配合left属性,需要实现100%宽的时候,left设置为0即可

.png_view{
    display: flex;
    justify-content: center
}

帮你裁了下,你下载下去试一下呢

能给个代码片段吗?大概是有其他什么样式有影响吧

谢谢。

当前页面的wxml,wxss,就是上面写出来的代码,没有多余的

害怕其他地方影响到这个显示,我也不敢多写代码

js文件空的,json文件声明了一个title

{

    “navigationBarTitleText”: “test”

}

其他就没有了

是这样一张,周围有透明色,你复制一下可以看到图片大小

有什么办法缩小这个图片,又能放到下面去呢

木有效果。。。。

非常感谢,我用改了一下代码,出现一个新问题

<view class="test_page">
    <view class="png_view">
      <image class="addition_png" mode='widthFix' src='../resource/icon/selected/addition.png'></image>
      <text class='page_txt'>mytest2</text>
    </view>
</view>
 
 
 
.test_page { 
  height: 100%;
  background: #000000;
}
 
.png_view{
    text-align: center;
 
}
 
.addition_png{
  width: 100rpx;
  position:fixed;
  bottom:0;
}
 
.page_txt{
  color:#ffffff;
  /* display: flex;
  justify-content: center;   */
  position:fixed;
  bottom:0;
}

这个执行的结果是这样的

感觉图片和文字都是从中线处开始画的,而不是居中。。。

心力交瘁啊。。。

你是不是图片本身有很大部分没有颜色啊

png_view里加一个width:100%

回到顶部