+Vue +edited backend

frontend/src/assets/css/catalog.css

@@ -199,7 +199,8 @@ h1, h2, h3, h4, h5, h6 {
 
 .suggestions__title {
     font-size: 25px;
-    padding-left: 10%;
+    /*padding-left: 10%;*/
+    margin: 0% 12%;
 }
 
 .suggestions__images {
@@ -253,6 +254,7 @@ h1, h2, h3, h4, h5, h6 {
 
 .podlozhka {
     position: relative;
+    width: 369px;
 }
 
 .podlozhka:hover .sugg__img {
@@ -306,7 +308,7 @@ h1, h2, h3, h4, h5, h6 {
     display: flex;
     justify-content: space-between;
     align-items: left;
-    margin: 2% 40% 2% 10%;
+    margin: 2% 12%;
 }
 
 .parametrs {
@@ -391,6 +393,7 @@ h1, h2, h3, h4, h5, h6 {
 
 
 .parametrs__block ul {
+
     padding:0;
     margin:0;
     list-style: none;
@@ -399,23 +402,32 @@ h1, h2, h3, h4, h5, h6 {
 
 /* применяем inline-block позиционирование к элементам навигации */
 .parametrs__block ul li {
-    margin: 0px -7px 0 0;
+
+    margin: 0px 28px 0 0;
     display:inline-block;
-    background-color: #E64A19;
+    border-radius: 0px;
+    background-color: #1A89C9;
 }
 
 /* стилизуем ссылки */
 .parametrs__block a {
+
     display:block;
-    padding:0 10px;
+    padding:0 20px;
     color:#FFF;
     font-size:20px;
     line-height: 60px;
     text-decoration:none;
 }
 
+.parametrs__block b {
+    display:block;
+    padding:0 20px;
+}
+
 /* изменяем цвет фона при наведении курсора */
 .parametrs__block a:hover {
+
     background-color: #000000;
 }
 
@@ -433,7 +445,7 @@ h1, h2, h3, h4, h5, h6 {
 /* первый уровень выпадающего списка */
 .parametrs__block ul ul li {
     z-index: 100;
-    min-width:170px;
+    min-width: 200px;
     float:none;
     display:list-item;
     position: relative;

frontend/src/assets/css/profile.css

@@ -70,7 +70,7 @@ h1, h2, h3, h4, h5, h6 {
     padding-left: 20%;
     margin: 0 auto;
 
-    background: url("@/assets/images/1.1.jpg") center
+    background: url("@/assets/images/user_standart.png") center
     no-repeat;
     background-size: cover;
 }

frontend/src/components/ProfileAbout.vue

@@ -2,9 +2,9 @@
   <div class="about__user">
     <div class="about__title"><h2>Обо мне</h2></div>
     <div class="about__images">
-      <img src="@/assets/images/1.1.jpg" alt="">
+      <img src="@/assets/images/user_standart.png" alt="">
-      <img src="@/assets/images/1.1.jpg" alt="">
+      <img src="@/assets/images/user_standart.png" alt="">
-      <img src="@/assets/images/1.1.jpg" alt="">
+      <img src="@/assets/images/user_standart.png" alt="">
     </div>
     <div class="about_describtions">
       <h4>Имя Фамилия: </h4><h3>{{ name }}</h3>

frontend/src/components/ProfileAddOffer.vue

@@ -39,7 +39,12 @@
       </div>
       <div class="descriptions__flats">
         <h4>Кол-во комнат:</h4>
-        <input type="text" size="40" v-model.number="offer.rooms">
+        <select v-model="offer.rooms">
+          <option value="Studio" selected>Студия</option>
+          <option value="Room1">1 комната</option>
+          <option value="Room2">2 комнаты</option>
+          <option value="Room3More">3 комнаты и более</option>
+        </select>
       </div>
       <div class="descriptions__square">
         <h4>Площадь:</h4>

frontend/src/services/images.js

@@ -0,0 +1,4 @@
+export const getURL = (path) => {
+    const image = path.replace('public/', '');
+    return `http://tusur.tk:9080/storage/${image}`;
+};

frontend/src/views/CatalogView.vue

@@ -34,23 +34,35 @@
 <!--        </div>-->
 <!--      </div>-->
       <ul>
-        <li><a href="#">Home</a></li>
+        <li><a href="#">Тип</a>
-        <li><a href="#">WordPress</a>
           <ul>
-            <li><a href="#">Themes</a></li>
+            <li><a href="#">Квартира</a></li>
-            <li><a href="#">Plugins</a></li>
+            <li><a href="#">Участок</a></li>
-            <li><a href="#">Tutorials</a></li>
+            <li><a href="#">Дом</a></li>
           </ul>
         </li>
-        <li><a href="#">Graphic Design</a>
+        <li><a href="#">Площадь</a>
           <ul>
-            <li><input type="text"></li>
+            <li><b href="#">От: <input type="text"></b></li>
-            <li><input type="text"></li>
+            <li><b href="#">До: <input type="text"></b></li>
+            <li><a href="#">Сортировать</a></li>
+          </ul>
+        </li>
+        <li><a href="#">Кол - во комнат</a>
+          <ul>
+            <li><a href="#">Студия</a></li>
+            <li><a href="#">1 комната</a></li>
+            <li><a href="#">2 комнаты</a></li>
+            <li><a href="#">3 комнаты и более</a></li>
+          </ul>
+        </li>
+        <li><a href="#">Цена</a>
+          <ul>
+            <li><b href="#">От: <input type="text"></b></li>
+            <li><b href="#">До: <input type="text"></b></li>
+            <li><a href="#">Сортировать</a></li>
           </ul>
         </li>
-        <li><a href="#">Inspiration</a></li>
-        <li><a href="#">Contact</a></li>
-        <li><a href="#">About</a></li>
       </ul>
     </div>
     <div class="suggestions__images">

frontend/src/views/MainView.vue

@@ -18,7 +18,9 @@
                     <a class="odnushka__price" href="#">1 580 000₽</a>
                 </div>
                 <div class="intro__btn">
-                    <a class="intro__button" href="#">посмотреть</a>
+                    <router-link to="/catalog/1" class="intro__button" href="#">
+                      посмотреть
+                    </router-link>
                 </div>
             </div>
     </div>
@@ -36,24 +38,24 @@
         </div>
     </section>
     
-    <section class="suggestions">
+<!--    <section class="suggestions">-->
-        <div class="suggestions__title">
+<!--        <div class="suggestions__title">-->
-            <h3 class="newhome">Интересные предложения</h3>
+<!--            <h3 class="newhome">Интересные предложения</h3>-->
-        </div>
+<!--        </div>-->
-        <div class="suggestions__images">
+<!--        <div class="suggestions__images">-->
 
-            <div class="podlozhka" v-for="offer in offers">
+<!--            <div class="podlozhka" v-for="offer in offers">-->
-                <div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/1.jpg" alt=""></a></div>
+<!--                <div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/1.jpg" alt=""></a></div>-->
-                <div class="sugg__text"><p>{{offer.name}}}</p><h2>{{ offer.price }}₽</h2></div>
+<!--                <div class="sugg__text"><p>{{offer.name}}</p><h2>{{ offer.price }}₽</h2></div>-->
-            </div>
+<!--            </div>-->
 
-        </div>
+<!--        </div>-->
-        <div class="afterword">
+<!--        <div class="afterword">-->
-            <p class="afterword">Это подборка лучших вариантов, найденных</p>
+<!--            <p class="afterword">Это подборка лучших вариантов, найденных</p>-->
-            <p class="afterword">нашими сотрудниками.</p>
+<!--            <p class="afterword">нашими сотрудниками.</p>-->
-            <p class="after__afterword">Вдруг ваше будущее жилье здесь?</p>
+<!--            <p class="after__afterword">Вдруг ваше будущее жилье здесь?</p>-->
-        </div>
+<!--        </div>-->
-    </section>
+<!--    </section>-->
     <TheFooter></TheFooter>
 </template>