收藏
回答

请问一下,如何在底部放一个图片


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

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

不知道为什么放不下去

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

请问一下应该怎么弄呢

谢谢

最后一次编辑于  2018-05-10  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

14 个回答

  • 卢霄霄
    卢霄霄
    2018-05-11

    position: fixed;

    bottom: 0;

    如果还没下去,给你的page的高度设个100%吧

    2018-05-11
    赞同
    回复
  • 段敏
    段敏
    2018-05-11

    不行啊,我这样写的


    <view class="test_page">

        <image class="addition_png" mode='aspectFit' src='../resource/icon/selected/addition.png'></image>

    </view>



    .test_page {  

    height: 100%;

    }

    .addition_png{

    width: 100rpx;

    position:fixed;

    bottom:0;

    }


    不能放到最下面

    2018-05-11
    赞同
    回复
  • 卢霄霄
    卢霄霄
    2018-05-11

    方便给个片段吗

    2018-05-11
    赞同
    回复
  • 段敏
    段敏
    2018-05-11

    我好像找到问题了,但是无法解决

    我重新写了一个文字,


    <text class='page_txt'>mytest</text>


    然后使用

    position: fixed;

    bottom: 0

    就可以放到最下面


    图片,我使用了 mode = 'aspectFit'

    然后设置了额一个大小  width: 100 rpx ;

    就挪不下去了,把width属性去掉,就可以放下去

    但是图片大小不对了





    2018-05-11
    赞同
    回复
  • 卢霄霄
    卢霄霄
    2018-05-11

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

    2018-05-11
    赞同
    回复
  • 段敏
    段敏
    2018-05-11


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

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

    2018-05-11
    赞同
    回复
  • 卢霄霄
    卢霄霄
    2018-05-11


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

    2018-05-11
    赞同
    回复
  • 段敏
    段敏
    2018-05-11

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


    <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;
    }


    这个执行的结果是这样的



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

    心力交瘁啊。。。

    2018-05-11
    赞同
    回复
  • 卢霄霄
    卢霄霄
    2018-05-11

    png_view里加一个width:100%

    2018-05-11
    赞同
    回复
  • 段敏
    段敏
    2018-05-11

    木有效果。。。。

    2018-05-11
    赞同
    回复