simulationLibrary.vue 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <template>
  2. <view class="s_container">
  3. <image src="../../assets/home/homeBG.png" class="s_logo" mode=""></image>
  4. <view class="s_content_container">
  5. <view class="s_search" style="">
  6. <input type="text" value="" class="s_search_input" placeholder="请输入搜索内容" />
  7. <button type="warn" size="mini" class="s_btn_search">搜索</button>
  8. </view>
  9. <view class="s_search_condition">
  10. <select name="" id="">
  11. <option value="">项目类型</option>
  12. </select>
  13. </view>
  14. </view>
  15. <view class="s_footer" style="text-align: center;padding: 80rpx;">
  16. </view>
  17. </view>
  18. </template>
  19. <script>
  20. export default {
  21. name: "simulationLibrary",
  22. data() {
  23. return {
  24. }
  25. },
  26. created() {
  27. },
  28. methods: {
  29. }
  30. }
  31. </script>
  32. <style lang="scss" scoped>
  33. .s_container {
  34. width: 100%;
  35. height: 100%;
  36. }
  37. .s_logo {
  38. width: 100%;
  39. height: 400rpx;
  40. }
  41. .m_btn_download {
  42. height: 80rpx;
  43. line-height: 80rpx;
  44. padding: 0 70rpx;
  45. background: #EA252C;
  46. color: #fff;
  47. font-family: MicrosoftYaHei;
  48. }
  49. .s_content_container {
  50. padding: 40rpx 100rpx;
  51. .s_search {
  52. display: flex;
  53. justify-content: space-between;
  54. .s_search_input {
  55. border: 2rpx solid #DDDDDD;
  56. width: 100%;
  57. height: 80rpx;
  58. line-height: 80rpx;
  59. padding: 0 40rpx;
  60. border-radius: 10rpx;
  61. font-size: 20rpx;
  62. }
  63. .s_btn_search {
  64. width: 130rpx;
  65. height: 80rpx;
  66. line-height: 80rpx;
  67. margin-left: 20rpx;
  68. }
  69. }
  70. .s_search_condition {
  71. background-color: #F9F9F9;
  72. height: 100rpx;
  73. width: 100%;
  74. }
  75. }
  76. </style>