小程序条件渲染机构下拉框以及修改placeholder的样式和颜色

bug1 条件渲染机构下拉框

小程序需求1

问题:需要在选择的时候显示选择的选项和功能 在展示的时候不需要显示选择的选项和功能
1.添加的时候的界面会跳转到其他界面进行选择


2.查看的时候就不能点击只能渲染

解决:写两个view包裹相关功能，用wx:if="(填写的条件)"和wx:else进行条件渲染

         <view wx:if="{{editId!=0}}">
                <input class="val" wx:if="{{model.cantName==null}}" placeholder="本机构" disabled="disabled" placeholder-class='phcolor' style="margin-left: 160rpx;"></input>
                <input class="val" wx:else placeholder="{{model.cantName}}" disabled="disabled" placeholder-class='phcolor' style="margin-left: 160rpx;"></input>
            </view>
            <view wx:else style="width: 550rpx;" style="padding-bottom: 0;">
                <view class="item" bindtap='goCanteen' style="display: flex;align-items: center;margin-top: -22rpx;margin-left: 100rpx;">
                    <input class="val" wx:if="{{lrData.canteenName==null}}" placeholder="本机构" disabled="disabled" placeholder-class='phcolor' ></input>
                    <input class="val" wx:else placeholder="{{lrData.canteenName}}" disabled="disabled" placeholder-class='phcolor'></input>
                    <image class='location' src='http://ccacdn.cancanan.cn/xiaochengxu/icon_right_arrow.png'></image>
                </view>
            </view>

bug2 input框中的placeholder改颜色样式不生效

小程序需求2

问题：需要更改本机构的样式为黑色，但本机构是input框中的placeholder，我用了网络上的input:xxxx这种也不生效

解决：给placeholder设置属性 然后给他写样式

 <input class="val" wx:if="{{lrData.canteenName==null}}" placeholder="本机构" disabled="disabled" placeholder-class='phcolor' ></input>

.phcolor{
    color: black;
}